Images inside content are need to explain the text, so they play an important role. So it is need to make them responsive
Responsive images
An exmaple of responsive image
<img src="https://zahidaz.com/assets/img/logo-zahidaz.png" class="img-fluid" alt="logo">
Image thumbnails
To set image as thumbnails
<img src="https://zahidaz.com/assets/img/logo-zahidaz.png" class="img-thumbnail" alt="logo">
Aligning images
Align the images
<img src="https://zahidaz.com/assets/img/logo-zahidaz.png" class="rounded float-start" alt="logo">
<img src="https://zahidaz.com/assets/img/logo-zahidaz.png" class="rounded float-end" alt="logo">
<img src="https://zahidaz.com/assets/img/logo-zahidaz.png" class="rounded mx-auto d-block" alt="logo">
<div class="text-center">
<img src="https://zahidaz.com/assets/img/logo-zahidaz.png" class="rounded" alt="logo">
</div>
Picture
If you are using picture set for multiple images then target as
<picture>
<source srcset="https://zahidaz.com/assets/img/logo-zahidaz.png" type="image/png">
<img src="https://zahidaz.com/assets/img/logo-zahidaz.png" class="img-fluid img-thumbnail" alt="logo">
</picture>
