Pure CSS responsive images have the ability to adjust themselves with respect to the available viewport width.
To make responsive image in pure css,just add
.pure-img class to the
<img> element base class.
.pure-img, basically provides basic style to the image without any border and shrinks it, and maintains the correct ratio of the image with respect to the different viewport widths.
If you run the above source code then the output look like: