JSFiddle - React, Tailwind, and code Playground

HTML

<div align="center">
<div id="box1">
<img src="https://upload.wikimedia.org/wikipedia/commons/c/cc/Rectangle_.png" />
</div>

<div id="box2">
<h2>Proudly celebrating 10 years</h2>
</div>
</div>

CSS

* {
 background-image: url("http://images.virtualworldsland.com/blog/2322/796.jpg");
 background-attachment: fixed;
}

#box1 {
 border-radius: 1px solid black;
 width: 500px;
 background: white;
 border-radius: 15px 15px 15px 15px ;
}
 
#box2 {
 border-radius: 1px solid black;
 width: 500px;
 background: white;
 border-radius: 15px 15px 15px 15px ;
 height: 150px;
}