<div class="container">
  <div class="img-wrap">
    <img class="img" src="http://picsum.photos/312/256">
  </div>
  <div class="text">
    <div class="text__first">First</div>
    <div class="text__second">second</div>
    <p>Lorem ipsum  sit amet,Lorem ipsum dolor sit amet,Lorem ipsum dolor sit amet,Lorem ipsum dolor sit amet,</p>
  </div>
</div>

<div class="container">
  <div class="img-wrap">
    <svg class="img" xmlns=" http://www.w3.org/2000/svg" viewBox="0 0 24 24" stroke="#2329D6" stroke-width="1" color="#2329D6" >
      <path d="M16 12C15.3333333 12.6666667 15 14 15 16L15 17 9 17 9 16C9 14 8.66666667 12.6666667 8 12 5.6739597 9.6739597 5.41421356 6.10050506 7.75735931 3.75735931 10.1005051 1.41421356 13.8994949 1.41421356 16.2426407 3.75735931 18.5857864 6.10050506 18.4068484 9.59315157 16 12zM10 21L14 21" />
    </svg>
  </div>
  <div class="text">
    <div class="text__first">First</div>
    <div class="text__second">second</div>
    <p>Lorem ipsum  sit amet,Lorem ipsum dolor sit amet,Lorem ipsum dolor sit amet,Lorem ipsum dolor sit amet,</p>
  </div>
</div>

<div class="container">
  <div class="img-wrap">
    <svg class="img" xmlns=" http://www.w3.org/2000/svg" viewBox="0 0 24 24" stroke="#2329D6" stroke-width="1" color="#2329D6" preserveAspectRatio="none">
      <path d="M16 12C15.3333333 12.6666667 15 14 15 16L15 17 9 17 9 16C9 14 8.66666667 12.6666667 8 12 5.6739597 9.6739597 5.41421356 6.10050506 7.75735931 3.75735931 10.1005051 1.41421356 13.8994949 1.41421356 16.2426407 3.75735931 18.5857864 6.10050506 18.4068484 9.59315157 16 12zM10 21L14 21" />
    </svg>
  </div>
  <div class="text">
    <div class="text__first">First</div>
    <div class="text__second">second</div>
    <p>Lorem ipsum  sit amet,Lorem ipsum dolor sit amet,Lorem ipsum dolor sit amet,Lorem ipsum dolor sit amet,</p>
  </div>
</div>
.container {
  display: flex;
  flex-direction: row;
  font-size: 8vmin;
  background: aliceblue;
  margin-bottom: 5px;
}
.img-wrap {
  position: relative;
  flex: 0 0 30%;
}
.img {
  position: absolute;
  height: 100%;
  width: 100%;
  object-fit: cover;
}
.text {
  background: green;
}
.text__first {
  font-size: 20vmin;
}
.text__second {
  font-size: 10vmin;
}

External CSS

This Pen doesn't use any external CSS resources.

External JavaScript

This Pen doesn't use any external JavaScript resources.