<div class="container">
<div class="row row-cols-2 row-cols-lg-3">
<div class="col">
<div class="tryonline">
<img class="red" src="https://i.imgur.com/HiB1H8P.png">
<img class="blue" src="https://i.imgur.com/ux5uNiL.png" width="500" style="transform: rotate(45deg) scale(0.5) translate(115px,148px)">
</div>
</div>
<div class="col">
<div class="tryonline">
<img class="red" src="https://i.imgur.com/HiB1H8P.png">
<img class="blue" src="https://i.imgur.com/ux5uNiL.png" width="500" style="transform: rotate(45deg) scale(0.5) translate(115px,148px)">
</div>
</div>
<div class="col">
<div class="tryonline">
<img class="red" src="https://i.imgur.com/HiB1H8P.png">
<img class="blue" src="https://i.imgur.com/ux5uNiL.png" width="500" style="transform: rotate(45deg) scale(0.5) translate(115px,148px)">
</div>
</div>
<div class="col">
<div class="tryonline">
<img class="red" src="https://i.imgur.com/HiB1H8P.png">
<img class="blue" src="https://i.imgur.com/ux5uNiL.png" width="500" style="transform: rotate(45deg) scale(0.5) translate(115px,148px)">
</div>
</div>
<div class="col">
<div class="tryonline">
<img class="red" src="https://i.imgur.com/HiB1H8P.png">
<img class="blue" src="https://i.imgur.com/ux5uNiL.png" width="500" style="transform: rotate(45deg) scale(0.5) translate(115px,148px)">
</div>
</div>
<div class="col">
<div class="tryonline">
<img class="red" src="https://i.imgur.com/HiB1H8P.png">
<img class="blue" src="https://i.imgur.com/ux5uNiL.png" width="500" style="transform: rotate(45deg) scale(0.5) translate(115px,148px)">
</div>
</div>
</div>
</div>