JSFiddle - React, Tailwind, and code Playground

HTML

<div class="moving_background">
    <image src="http://placehold.it/100x100" class="background"/>
</div>
<div class="moving_background1">
</div>

CSS

.moving_background
{
    background:red;
    background-position: 50% center;
    background-repeat: no-repeat;
    background-size: contain;
    height: 100%;
    margin: 20px;
    width: 100%;
    border:1px solid;
    position:absolute;
}
.moving_background1
{
    background:blue;
    height: 50%;
    position:absolute;
        width: 100%;
}
.background {
    visibility: hidden
}