<div class="hero_apartment">
 <img src="img\hero_1.svg", alt="">
 <img src="img\hero_1.svg", alt="">
 <img src="img\hero_1.svg", alt="">
</div>

.hero_apartment > img{
    max-width: 100%;
    animation: zoomout 3s linear;
}
  
@keyframes zoomout {
    0% {
      transform: scale(1.3);
    }
    100% {
      transform: scale(1);
    }
}

I want to make the animation like the hero section of this website, http://igisresidencereit.com/. I know how to make zoom out animation for one photo, but I don't know how to make the animation for multiple photos. Please Help!