JSFiddle - React, Tailwind, and code Playground

HTML

<div class="wrapper">
<div class="box"></div>
</div>

CSS

body {margin:0px;padding:0px;}
.wrapper {
    width:100%;
    height:100vh;
    overflow:hidden;
}
.box {
    width:100%;
    height:100vh;
    background: transparent url("http://www.netdreams.co.uk/wp-content/uploads/2015/06/home-bg6.jpg") no-repeat scroll 50% 50%;
   animation:20s scale infinite linear;
}
@keyframes scale{
0%{
    transform: scale(0,0.0,0);
}
50%{
    transform: scale(1.1);
}
100%{
    transform: scale(0,0.0,0);
}
}