二列交互配置レビューリスト

<div class="d06-05-08-list">
          <div class="d06-05-08-row d06-05-08-left">
            <span class="d06-05-08-avatar">松</span>
            <div class="d06-05-08-body"><div class="d06-05-08-name">松本 恵</div><p>担当の方の説明が分かりやすく安心しました。</p></div>
          </div>
          <div class="d06-05-08-row d06-05-08-right">
            <div class="d06-05-08-body d06-05-08-right-body"><div class="d06-05-08-name">井上 大輔</div><p>短納期でも品質が落ちず助かりました。</p></div>
            <span class="d06-05-08-avatar">井</span>
          </div>
          <div class="d06-05-08-row d06-05-08-left">
            <span class="d06-05-08-avatar">木</span>
            <div class="d06-05-08-body"><div class="d06-05-08-name">木村 沙織</div><p>アフターフォローまで丁寧でした。</p></div>
          </div>
        </div>

.d06-05-08-list{ width:100%; display:flex; flex-direction:column; gap:10px; }
        .d06-05-08-row{ display:flex; align-items:center; gap:8px; }
        .d06-05-08-right{ flex-direction:row-reverse; text-align:right; }
        .d06-05-08-avatar{ width:26px; height:26px; flex-shrink:0; border-radius:50%; background:linear-gradient(135deg,#69d29b,#38b28c); color:#fff; font-size:11px; font-weight:700; display:flex; align-items:center; justify-content:center; }
        .d06-05-08-name{ font-size:11px; font-weight:700; color:#221f33; }
        .d06-05-08-body p{ margin:2px 0 0; font-size:10px; line-height:1.5; color:#5c5977; }