В этой серии заданий мы реализуем довольно распространённый интерфейсный приём — появление текстового описания по наведению на блок с картинкой — в необычном виде. Сама картинка при этом имеет нестандартную форму из-за геометрической фигуры-маски, применённой к ней.

Для начала применим к основным элементам блока с текстом базовый стиль: размер шрифта заголовков и параграфа, цвет фона и текста, общий вид кнопки-ссылки, ведущей к подробной информации.

В коде пока что нет ничего необычного, кроме полупрозрачного фонового цвета у текстового блока, заданного с помощью rgba, и свойства border-radius для скруглённых углов у кнопки-ссылки.