<div class="image-box mb-20">
    <img class="img-fluid" src="img/docs/r-img-1.jpg" alt="Responsive image">
</div>
                                        

                                        
<div class="image-shapes-box mb-20">
    <div class="row">
        <div class="col-md-6 text-center">
            <img src="assets/images/thumb/l-1.jpg" class="rounded" alt="Round image">
        </div>
        <div class="col-md-6 text-center">
            <img src="assets/images/thumb/l-2.jpg" class="rounded-circle" alt="Circle image">
        </div>
        <div class="col-md-6 col-center mt-30">
            <img src="assets/images/thumb/l-3.jpg" class="img-thumbnail" alt="Thumbnail">
        </div>
    </div>
</div>

        
<div class="aligningimage-box fix mb-20">
    <img src="img/docs/Round-img-1.jpg" class="rounded float-left" alt="...">
    <img src="img/docs/circle-img-1.jpg" class="rounded float-right" alt="...">
</div>