.my-element {
  opacity: 0;
  transition: opacity 5s ease-in-out; /* Animação suave de 0.5s */
  transform: translateY(20px); /* Movimento para baixo quando invisível */
}

.my-element.visible {
  opacity: 1;
  transform: translateY(0); /* Volta para a posição original */
}