<img class="lazyload fade-in-left" data-src="/images/large/11.jpg" 
     data-srcset="/images/small/11.jpg 640w, 
                  /images/medium/11.jpg 960w, 
                  /images/large/11.jpg 1200w" 
     data-sizes="auto"
     alt=""> 
<picture>
  <source media="(min-width: 1200px)" data-srcset="/images/large/12.jpg">
  <img class="lazyload zoom-in" data-src="/images/12.jpg" alt="">
</picture> 

.fade-in-left {
  opacity: 0;
  transform: translate(-100px, 0);
  transition: 2s;
}
.fade-in-left.lazyloaded {
  transform: translate(0, 0);
  opacity: 1;
}
  
.zoom-in {
  opacity: 0;
  transform: scale(0.7);
  transition: 3s;
}
.zoom-in.lazyloaded {
  transform: scale(1);
  opacity: 1;
}