グラデーションオーバーレイ+タイトル付きサムネイル

<div class="thumb">
          <span class="playbtn"><span class="tri"></span></span>
          <div class="grad"></div>
          <p class="title">夏の絶景ドライブ旅日記</p>
        </div>

.d07-15-03 .thumb{position:relative;width:240px;height:135px;border-radius:10px;overflow:hidden;background:linear-gradient(135deg,#e08a4f,#c25a3f);}
        .d07-15-03 .playbtn{position:absolute;top:42%;left:50%;transform:translate(-50%,-50%);width:48px;height:48px;border-radius:50%;background:rgba(255,255,255,.9);display:flex;align-items:center;justify-content:center;z-index:2;}
        .d07-15-03 .tri{width:0;height:0;border-top:8px solid transparent;border-bottom:8px solid transparent;border-left:13px solid #a8461f;margin-left:3px;}
        .d07-15-03 .grad{position:absolute;left:0;right:0;bottom:0;height:60%;background:linear-gradient(to top,rgba(0,0,0,.75),rgba(0,0,0,0));}
        .d07-15-03 .title{position:absolute;left:10px;right:10px;bottom:8px;margin:0;color:#fff;font-size:12.5px;font-weight:700;line-height:1.4;z-index:2;}