На этом шаге создадим и применим к картинке маску нестандартной формы.

Для этого добавим в начале блока .shape ссылку, которая будет являться верхним слоем над всем контейнером и будет использоваться как маска. В качестве фона слоя-маски используем изображение в формате .svg с непрозрачными краями и прозрачным центром. Спозиционируем этот блок-маску абсолютно, чтобы он располагался поверх блока с текстовым описанием и контентной картинкой. Фоновая контентная картинка будет при этом проглядывать через прозрачную часть слоя-маски.

Также давайте немного оживим блок с маской и будем плавно изменять его форму при наведении с помощью трансформации масштабирования transform: scale.