تصاویر و اشکال

<div class="text-center">
    <img src="/assets/images/media/media-48.jpg" class="img-fluid" alt="...">
</div>

<div class="text-center">
    <img src="/assets/images/media/media-49.jpg" class="img-fluid rounded" alt="...">
</div>

<div class="text-center">
    <img src="/assets/images/media/media-50.jpg" class="img-fluid rounded-pill" alt="...">
</div>

<img class="rounded float-start" src="/assets/images/media/media-53.jpg" alt="...">

<img class="rounded mx-auto d-block" src="/assets/images/media/media-55.jpg" alt="...">

<img class="rounded float-end" src="/assets/images/media/media-54.jpg" alt="...">

<div class="text-center">
    <img src="/assets/images/media/media-52.jpg" class="img-thumbnail rounded-pill" alt="...">
</div>

<div class="text-center">
    <img src="/assets/images/media/media-51.jpg" class="img-thumbnail" alt="...">
</div>

<figure class="figure">
        <img class="bd-placeholder-img figure-img img-fluid rounded card-img" src="/assets/images/media/media-56.jpg" alt="...">
        <figcaption class="figure-caption">عنوان تصویر بالا.
        </figcaption>
    </figure>
    <figure class="figure float-end">
        <img class="bd-placeholder-img figure-img img-fluid rounded card-img" src="/assets/images/media/media-57.jpg" alt="...">
        <figcaption class="figure-caption text-end">عنوان تصویر بالا.
        </figcaption>
    </figure>