.slide-in-from-right {
     animation: 0.5s ease-in-out 0s 1 slideFromTop forwards;
}

@keyframes slideFromTop {
     0% {
          transform: translateY(-80%);
     }

     100% {
          transform: translateX(0);
     }
}

figure.zoom {
     & img:hover {
          opacity: 0;
     }

    & img {
          transition: opacity .5s;
          display: block;
          width: 100%;
     }

     background-position: 50% 50%;
     position: relative;
     overflow: hidden;
     cursor: zoom-in;
}