JSFiddle - React, Tailwind, and code Playground

HTML

<img class="santaface" src="img/santaface.svg">

CSS

.santaface{
  opacity:0;
  position: absolute;
  left:40%; top:20%; width:20%;
    -webkit-animation-name: santaappear;
    -webkit-animation-duration: 13s;
    }


.santaface{-webkit-animation-delay:2s;animation-delay:2s;}

@-webkit-keyframes santaappear {
    0% { opacity:0;}
       96% {opacity:1;}
}