JSFiddle - React, Tailwind, and code Playground

by Tan

HTML

<div class="wrap">
1
</div>

CSS

body {margin:0;}

.wrap {
width:100%;
background-image:url('https://www.hloe.co.uk/footer.jpg');
background-repeat: no-repeat;
background-size: cover;
aspect-ratio: 4 / 1;
display:flex;
justify-content: center;
align-items: center;
}