.latest-projects{display:flex;flex-flow:row wrap;gap:16px}.latest-projects .project{height:min(55vw,630px);position:relative;width:calc(25% - 12px)}.latest-projects .project img{animation-direction:alternate;animation-duration:5s;animation-iteration-count:infinite;animation-name:scrollImage;animation-play-state:paused;animation-timing-function:ease-in-out;aspect-ratio:252/500;box-shadow:0 20px 30px -10px #000;object-fit:cover;object-position:left 0;position:absolute;width:100%}.latest-projects .project:hover img{animation-play-state:running}.latest-projects .project:nth-of-type(2n) img{bottom:0}.latest-projects .project:nth-of-type(odd) img{top:0}@keyframes scrollImage{0%{object-position:left 0}to{object-position:left 100%}}@media screen and (max-width:768px){.latest-projects .project{height:110vw;width:calc(50% - 8px)}}@media (hover:none){.latest-projects .project img{animation-name:none}}