<div class="wrap">
  <h1>Заголовок</h1>
  <p>Lorem Ipsum - это текст-"рыба", часто используемый в печати и вэб-дизайне. Lorem Ipsum является стандартной "рыбой" для текстов на латинице с начала XVI века. В то время некий безымянный печатник создал большую коллекцию размеров и форм шрифтов, используя Lorem Ipsum для распечатки образцов. Lorem Ipsum не только успешно пережил без заметных изменений пять веков, но и перешагнул в электронный дизайн. Его популяризации в новое время послужили публикация листов Letraset с образцами Lorem Ipsum в 60-х годах и, в более недавнее время, программы электронной вёрстки типа Aldus PageMaker, в шаблонах которых используется Lorem Ipsum.</p>
</div>
<div class="wrap-items">
<div class="items">
  <div class="item"><img src="https://images.vexels.com/media/users/3/141120/isolated/preview/a5ff757d7423e6c757795e7b60183180-rocket-round-icon-by-vexels.png" alt="" />
   <h1>Заголовок</h1>
  
  </div>
  <div class="item"><img src="https://images.vexels.com/media/users/3/141120/isolated/preview/a5ff757d7423e6c757795e7b60183180-rocket-round-icon-by-vexels.png" alt="" />
   <h1>Заголовок</h1>
  </div>
</div>
</div>
*, :after, :before {
    -webkit-box-sizing: inherit;
    box-sizing: inherit;
}
body {
    width: 100%;
    height: 100%;
    min-height: 100vh;
    font-size: 18px;
    line-height: 1.3;
    color: #333;
}
.wrap{
width:100%;
  background:#cc0000;
 padding:50px 50px 200px 50px;
      border: 5px #1cff00 solid;
}
.wrap-items{
 background: #ccc;
    width: 100%;
    border: 1px #000 solid;
}
.items{
  display:flex;
      justify-content: space-between;
  border:1px #000 solid;
  width:800px;
  height:200px;
  margin:-100px auto 0 auto;

}
.item{
  background:#fff;
  height:100%;
  width:48%;
  margin:0;
}
.item img{
  width:50%;
  margin:-50px auto 0 auto;
      display: block;
}

External CSS

This Pen doesn't use any external CSS resources.

External JavaScript

This Pen doesn't use any external JavaScript resources.