JSFiddle - React, Tailwind, and code Playground

by Hunter Turner

HTML

<div id="image-container">
  <img id="myImage" src="http://wallpaper.pickywallpapers.com/1920x1080/half-life-2-episode-2-art.jpg" alt="Gordon">
</div>

CSS

@keyframes imageAnimation {
    0% {
        transform: scale(1.0);
    }
    100% {
        transform: scale(1.25);
    }
}

#image-container {
  width: 600px;
  overflow: hidden;
}

#myImage {
    animation: imageAnimation 20s infinite alternate;
    width: 600px;
}