body {
  overflow-x: hidden; /* Evita que o conteúdo se estenda horizontalmente além da visualização */
}

#aviso, #truck {
  display: block;
  margin: 0 auto;
  max-width: 100%;
  height: auto;
}

#aviso {
  max-height: 80vh; /* Defina uma altura máxima para o aviso, ajuste conforme necessário */
}

#truck {
  max-height: 50vh; /* Defina uma altura máxima para o caminhão, ajuste conforme necessário */
  position: absolute;
  animation: mymove 8s forwards;
  left: 50%; /* Posição inicial no centro da página */
  transform: translateX(-50%); /* Ajusta o centro da imagem */
}
      

@keyframes mymove {
  0% {left: -50%;}
  25% {left: 50%;}
  50% {left: 50%;}
  75% {left: 50%;}
  100% {left: 220%;}
}

@media only screen and (max-width: 768px) {
  /* Estilos específicos para dispositivos com largura máxima de 768px (tablets e mobile) */
  #aviso {
      max-height: 50vh; /* Reduza a altura máxima do aviso para dispositivos menores */
  }

  #truck {
      max-height: 30vh; /* Reduza a altura máxima do caminhão para dispositivos menores */
  }
}