画像分割カード(上下2分割)

<div class="d05-06-07-card">
          <div class="d05-06-07-top"></div>
          <div class="d05-06-07-bottom">
            <h4 class="d05-06-07-title">プランG</h4>
            <p class="d05-06-07-desc">上半分が色ブロック、下半分がテキストの構成です。</p>
          </div>
        </div>

.prev.d05-06-07{ padding:0; }
        .d05-06-07-card{
          width:100%;
          max-width:240px;
          height:220px;
          background:#fff;
          border-radius:10px;
          overflow:hidden;
          display:flex;
          flex-direction:column;
        }
        .d05-06-07-top{
          flex:0 0 45%;
          background:linear-gradient(135deg,#ffb199,#ff6f8f);
        }
        .d05-06-07-bottom{
          flex:1;
          padding:16px 18px;
          box-sizing:border-box;
        }
        .d05-06-07-title{
          margin:0 0 6px;
          font-size:15px;
          font-weight:700;
          color:#1f2937;
        }
        .d05-06-07-desc{
          margin:0;
          font-size:12px;
          line-height:1.6;
          color:#6b7280;
        }