.mothers-header {
  position: relative;
  height: 55vh;
  display: flex;
  align-items: center;
  justify-content: center;
  background-image: url("../../../assets/logo/church-logo\ 7.png");
  background-size: cover;
  background-position: center 100%;
  background-repeat: no-repeat;
  background-attachment: fixed;
  overflow: hidden;
}

.mothers-header-overlay {
  position: absolute;
  inset: 0;
  background: linear-gradient(
    to bottom,
    rgba(48, 92, 222, 0.2),
    rgba(26, 35, 126, 0.9)
  );
  z-index: 1;
}

@media (max-width: 1024px) {
  .mothers-header {
    height: 50vh;
    background-position: center 30%;
    background-attachment: scroll;
  }
}

@media (max-width: 900px) {
  .mothers-header {
    height: 42vh;
    background-position: center 10%;
    background-attachment: scroll;
  }
}

@media (max-width: 768px) {
  .mothers-header {
    height: 40vh;
    background-position: center 10%;
    background-attachment: scroll;
  }
}

@media (max-width: 480px) {
  .mothers-header {
    height: 35vh;
    background-attachment: scroll;
  }
}