Как оформить текст и другие элементы поверх изображения? Чтобы это все было адаптивным?

Question

[Володимир Шило]

Начал изучать HTML + CSS и решил сверстать простенькую страницу, однако столкнулся с проблемой и не знаю как ее решить, скриншот прилагается. Хочу сверстать поверх img : SVG-иконку, текст и тег <а>, но проблема в том что хочу сохранить адаптивность всего блока (при сужении браузера, чтобы это все не расплылось). Подскажите пожалуйста как решить эту проблему?

Answer 1

[profesor08]

Расположи картинку сверху, блок с текстом снизу. Если делать поверх, то текст будет нечитабельным. Для адаптивности пользуйся @media