Подскажите пожалуйста, как разместить эти три картинки таким же образом, да еще и адаптивно ( уменшить их размер что-ли? ) День бьюсь и никак не пойму. Текст в них как я понял реализуется через спан, но это еще пол беды.
Вот собственно хедер страницы
.header__left__blue {
position: fixed;
border-radius: 10px;
padding-top: 12px;
}
.header__left__red {
position: relative;
}
<div class="container">
<div class="row">
<div class="col-lg-6">
<div class="header__blue">
<img src="headerBlue.png" alt="spendcashback" class="img-responsive header__left__blue justify-content-lg-start">
<span></span>
</div>
<div class="header__red">
<img src="headerRed.png" alt="cashback" class="header__left__red justify-content-lg-start">
<span></span>
</div>
</div>
<div class="col-lg-6">
<img src="headerVelo.png" alt="velotrack" class="header__right justify-content-lg-end">
</div>
</div>
</div>
Для более подробного понимания картинок слева -
Буду невообразимо благодарен!