JSFiddle - React, Tailwind, and code Playground

HTML

<body>
    <div class="header">
        <img class="img1" src="#" alt="Рисунок 1"/>
        <img class="img2"src="#" alt="Рисунок 2"/>
    </div>
    <div class="page">Страница</div>
</body>

CSS

body{
background-color:#3399FF;/*Вместо изображения градиента*/
}

.header{
    width:100%;
    height:50px;
    border:1px solid black;
    text-align:center;

}

.img1{
float:left;
}
.img2{
float:right;
}
.page{
    width:400px;
    height:300px;
    border:1px solid black;
    margin:auto;
    position:relative;
    top:-30px;
    background-color:#fff;
    text-align:center;
}