/* .container {
   overflow-x: hidden;
} */

/* Animação de entrada */
[data-anime] {
  opacity: 0;
  transition: opacity 0.9s, transform 0.9s; /* A transição para transformação também deve ser feita de forma explícita */
}

[data-anime="left"] {
  transform: translate3d(-50px, 0, 0);
}

[data-anime="right"] {
  transform: translate3d(50px, 0, 0);
}

[data-anime="top"] {
  transform: translate3d(0, -50px, 0);
}

[data-anime="down"] {
  transform: translate3d(0, 50px, 0);
}

[data-anime].animate {
  opacity: 1;
  transform: translate3d(0px, 0px, 0px); /* Animação volta para a posição original */
}

/* Responsividade para dispositivos pequenos (max-width: 455px) */
@media only screen and (max-width: 455px) {
  .container {
    overflow-x: hidden; /* Para esconder o overflow horizontal */
  }

  /* Ajusta transformações para dispositivos pequenos */
  [data-anime] {
    transform: none; /* Remove transformações nas animações */
  }

  [data-anime].animate {
    transform: none; /* Garante que a animação seja "resetada" nos dispositivos pequenos */
  }

  /* Resetando animações específicas */
  [data-anime="left"],
  [data-anime="right"],
  [data-anime="top"],
  [data-anime="down"] {
    transform: none; /* Remove os movimentos ao aplicar a animação */
  }
}
