Rounded Corner Images

The below code will result in a rounded corner image.

<p><img alt="Rounded img" class="img-responsive img-rounded" data-entity-type="" data-entity-uuid="" id="" src="/sites/services.nwu.ac.za/files/files/drupal%40nwu/2025-img-rounded.png" title="" /></p>

Adaptive Images

 Responsive/adaptive images iautomatically adjust to any size or screen type

<p><img alt="responsive image" class="img-responsive" data-entity-type="" data-entity-uuid="" id="" src="/sites/services.nwu.ac.za/files/files/drupal%40nwu/2025-img-responsive.png" title="" /></p>

Round Images 

To change image display from square to a circular shape

<p><img alt="circle icon" class="img-responsive img-circle" data-entity-type="" data-entity-uuid="" id="" src="/sites/services.nwu.ac.za/files/files/drupal%40nwu/2025-img-circular.png" title="" /></p>

Image Thumbnails

To resize an image for use as a thumbnail (small, compressed preview image)

<p><img alt="thumbnail icon" class="img-responsive img-thumbnail" data-entity-type="" data-entity-uuid="" id="" src="/sites/services.nwu.ac.za/files/files/drupal%40nwu/2025-img-thumbnail.png" title="" /></p>

Embed Videos 

For videos to playback directly in any web browser without opening any kind of video application

<div class="embed-responsive embed-responsive-16by9"><iframe allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share" allowfullscreen="" class="embed-responsive-item" frameborder="0" height="" referrerpolicy="" src="https://www.youtube.com/embed/Xm753vBaIhY?si=LLgebyBE6Bl4g0qo" title="YouTube video player" width=""></iframe></div>