JSFiddle - React, Tailwind, and code Playground

HTML

<div id="test">
  <img src="https://lh3.googleusercontent.com/Yh6ZlCb8dQIDIwAWbwd2jboFCyTqq8wc2xbLMs9ykYemOX3vjOTtT6Npfbk-jFkCciwY=w300"/>
</div>

CSS

#test img {
  width: auto; 
  height: 50px;
  position: absolute;
  -webkit-animation: fadein 7s;
  -moz-animation: fadein 7s;
  -ms-animation: fadein 7s; 
  -o-animation: fadein 7s; 
  animation: fadein 7s;
}

@media only screen and (max-width: 768px) {
  #test img { 
  width: auto; 
  height: 20px;
  position: absolute;
  }
}

@keyframes fadein {
  from { opacity: 0; }
  to   { opacity: 1; }
}