/* Estilos generales */
.main-section {
  height: 50vh; /* Altura base */
  min-height: 300px;
  padding: 0 5%;
  padding-bottom: 30px;
}

.background-image {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-repeat: no-repeat;
  background-position: center center;
  background-size: cover;
  border-bottom-left-radius: 5px;
  border-bottom-right-radius: 5px;
  z-index: 1;
}


/* Media Queries para dispositivos pequeños */
@media (max-width: 1024px) {
  .main-section {
      height: 45vh;
      min-height: 280px;
  }
}

@media (max-width: 768px) {
  .main-section {
      height: 40vh;
      min-height: 250px;
  }
}

@media (max-width: 576px) {
  .main-section {
      height: 35vh;
      min-height: 220px;
  }
  
  .background-image {
      background-attachment: scroll; /* Mejora en móviles */
  }
}