How to make an image or block responsive in open cart 2?

Question

CMS

Greetings to everyone, help me figure it out, in general, on the main page under the banner through the html module, I inserted a block with pictures, text, video, the site template itself is adaptive and all its content adapts when the screen changes, but the block that I inserted does not fit into the dimensions when changing the resolution, and specific pictures and videos are cropped, how can they also be made rubber?

Answer 1

Write a class to img img-responsive:

<img class="img-responsive" src="img.jpg" alt="img">

Answer 2

Go and see the bootstrap documentation
Bootstrap does not have styles for responsive videos, but it is easy to google for responsive video css, one of the options is here