.myGifClass{
      width: 100%;/* 
      position: absolute;
  top: 0;
  left: 0;
  z-index: 1; /* Más bajo para estar por debajo */ 
    }

    .myGifClassfooter{
      width: 100%;
      
      height: auto; /* Mantiene las proporciones */
  object-fit: cover; /* Asegura que la imagen cubra el contenedor */


    }
    .mydivAni{
      position: relative;
    }

   
    
    .myGifClassAni{
      position: absolute;
      width: 100%;
  top: 0;
  right: 0;
  z-index: 2; /* Más alto para estar por encima */

    }

    .contenedorIMG{
      position: relative;
      height: 150px; /* Muestra la mitad del ancho de la imagen */
  overflow: hidden; /* Oculta el resto de la imagen */
      

    }
    .botonbussclass{
      width: 30%;
      position: absolute;
      top: 10%;
  right: 35%;
  z-index: 2; /* Más alto para estar por encima */
    }
    .contenedorFondoBoton{
      position: absolute;
      top: 170px;
      left: 50%;
      transform: translate(-50%, -50%);
  z-index: 1;
  background-color: rgb(12, 12, 100);
  border-radius: 100%;
  width: 300px;
  height: 300px;
  text-align: center;
  color: white;
  

    }