Там не нужна прозрачность. Вы хоть в черный цвет сделайте. На нее потом фотография сама натянется. Сделайте треугольник, подогните к нужному блоку. А затем оберните треугольник с блоком в один класс. После чего примените к этому классу свойство, например: background: url(photo.png);. Можете еще прописать размеры, что бы фотография была ровно.
Там просто указана фиксированные размеры фотографии. Вот и все. Но это не в три угольнике, а в самом блоке. Тот что под треугольником. Треугольник там сверстан отдельно, и потом подогнан к блоку с информацией.
Естественно., может им интересно работу какой сложности вы делали... По скрину это можно оценить, а в случае неких вопросов и попросят код. Как-то так.
Ну я так делал, но потом градиент перекрывал фотографию. И прозрачность применялась к градиенту. Когда я убирал градиент то потом применялась к фотографии. Вот как-то так.
