JSFiddle - React, Tailwind, and code Playground

HTML

<div class="content">
               <div class="content_header">
                   <div class="left_photo">
                       
                   </div>
                   <div class="right_photo">
                       
                   </div>
               </div>
           </div>

CSS

.content
{
    width: 1032px;
    min-height: 215px;
    height: auto;
    background-color: #fff;
    background-image: url('https://www.gstatic.com/inputtools/images/tia.png');
    background-repeat: repeat-y;
    margin: 20px auto;
    position: relative;
}
.content_header
{
    padding: 20px 0 0 10px;
}
.left_photo
{
    width: 700px;
    height: 369px;
    background-image: url('http://fotoramochki.com/fon/razn/fon2.png');
    display: block;
    float: left;
}
.right_photo
{
    width: 222px;
    height: 260px;
    background-image: url('https://encrypted-tbn0.gstatic.com/images?q=tbn:ANd9GcR4471vFK6hMCpxUUL1p4SQwFctfOE4R_vHapNACLdo48XFJQ83xIxq3A');
}