How to make responsive banners?

Question

HTML

Hello everyone, there is a static page given to django, an adaptive page (materialize.css) I want to place a banner on it, but I don’t know how to deal with adaptability, as far as I understand, at least 3 banner images are needed for different resolutions. Maybe there are js solutions? And the second question is how to be allowed if someone wants to place flash?

Answer 1

The picture will be the same, just at different resolutions the banner will occupy 4/6/12 columns (this is an example).

Answer 2

Give your css banner a width (without specifying a height) and it will scale. For flash, do the same for the object tag. Don't forget to also set the maximum width max-width so that the banner doesn't span more than the width of the original.