Как сделать адаптивной картинку в html?

Question

[yesmark]

Бывает ситуация когда google Adsense не отображает рекламу, страница не проиндексирована и прочие причины. Из-за этого решил добавить альтернативную рекламу в виде баннеров на свои продукты. Сделал в фигме отличный баннер 750 на 280, но к сожалению на некоторых устройствах он обрезается. Реально ли сделать чтобы картинка уменьшалась под размер экрана? Думаю реализовать через html, но к сожалению не знаю как это сделать. Баннер простой:

тёмный фон, закругление 60
от центра небольшое рассеянное свечение
в центре текст

Comments

[Максим]

Сделать блочной картинку и без указания высоты сделать на всю ширину экрана...

[ProjectSoft]

img {
    max-width: 100%;
}

Answer 1

[Pavel-ww]

Если изображение фоновое с размером cover, то надо делать адаптивным контейнер и текст, а не само изображение. Без ссылки на пример больше сказать нечего