<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;
}
This Pen doesn't use any external CSS resources.
This Pen doesn't use any external JavaScript resources.