Materialize CSS Media has several types :
Responsive Images : To make images resize responsively (based on the screen size) to page width, you can add the class responsive-img to your image tag.
Circular images : To make images appear circular, add class="circle" this class image will be displayed in circular.
Responsive Embeds : To make your embeds responsive, To add video-container this class.
Responsive Videos : To make your HTML5 Videos responsive just add the class responsive-video to the video tag.
