Создание простых масок CSS: изображения в фигурных рамках

Демонстрация работы свойства внутренней тени и закругления рамки для создания фотографии с закругленными углами и рамкой из тени, адаптация примера из урока Dudley Storey, специально для сайта dejurka.ru

HTML

<p id="lake-como">Villa on Lake Como, Italy</p>

CSS

p#lake-como {
        width: 450px; height: 300px;
        background-image: url(http://thenewcode.com/assets/images/lake-como-villa.jpg);
        border-radius: 50% 50% 10px 10px;
        box-shadow: inset 0 0 100px rgba(0, 0, 0, 1);
        text-align: center;
        line-height: 180px;
        color: rgba(0, 0, 0, 0);
}