/* Para dispositivos de escritorio */
@media (min-width: 768px) {
  .mainSection {
      background-image: url('/assets/img/99hden.jpg'); 
      background-size: 100%; 
      /*background-attachment: fixed; */
      background-repeat: no-repeat;
      background-position: center; 
      padding: 10px;
      /*height: 100vh; */ /* Asegura que ocupe todo el alto de la pantalla */
  }
}

/* Para dispositivos móviles */
@media (max-width: 767px) {
  .mainSection {
      background-image: url('/assets/img/00bgv7bden.jpg'); 
      background-size: 100%; 
      /*background-attachment: fixed; */
      background-repeat: no-repeat;
      /*background-position: center; */
      padding: 10px;
      /*height: 100vh; */ /* Asegura que ocupe todo el alto de la pantalla */
  }
}



              /* Estilos para la imagen de transición */
      #transition-image {
        position: fixed;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        z-index: 1000;
        transition: opacity 1s;
        opacity: 1;
        background: url('/assets/img/introdev3.jpg') no-repeat center center;
        background-size: cover;
    }