JSFiddle - React, Tailwind, and code Playground

HTML

<div>

</div>

CSS

*{
  margin:0;
  padding:0;
}
div{
  background: url("https://www.iphones.ru/wp-content/uploads/2017/03/mb_gt.jpg") center center no-repeat;
  background-size: cover;
  animation: test  2s forwards ease-in-out;
}
@keyframes test {
from {
margin-top:25%;
margin-left:50%;
width: 0vw;
height: 0vh;}
to {
  margin-top:0;
  left:0;
  width: 100vw;
  height: 100vh;}
}