Cacher is the code snippet organizer for pro developers

<div class="container">
    <!-- Image, Text Block -->
    <div class="row d-flex align-items-lg-center flex-wrap g-mb-60 g-mb-0--lg">
        <div class="col-md-6 col-lg-8">
            <img class="img-fluid rounded" src="https://php7.cs-cart.jp/mkm2_yoga/images/detailed/1/5def7ce43cb9a_detailed.jpg" alt="Image Description">
        </div>
        <div class="col-md-6 col-lg-4">
            <div class="g-mt-minus-30 g-mt-0--md g-ml-minus-100--lg">
                <div class="g-mb-20">
                    <h2 class="g-color-black g-font-weight-600 g-font-size-25 g-font-size-35--lg g-line-height-1_2 mb-4">美しい日本語の<br>タイトル
                    </h2>
                    <p class="g-font-size-16">国境の長いトンネルを抜けると雪国であった。夜の底が白くなった。信号所に汽車が止まった。 月の夜が深いように思われる。深さが横向けに遠くへ感じ</p>
                </div>
                <a class="btn u-btn-primary g-brd-2 g-brd-white g-font-size-13 g-rounded-50 g-pl-20 g-pr-15 g-py-9" href="#">
                    さらに詳しく
                    <span class="align-middle u-icon-v3 g-width-16 g-height-16 g-color-black g-bg-white g-font-size-11 rounded-circle ml-3">
              <i class="fa fa-angle-right"></i>
            </span>
                </a>
            </div>
        </div>
    </div>
    <!-- End Image, Text Block -->
</div>

<div class="container">
    <!-- Image, Text Block -->
    <div class="row d-flex justify-content-between align-items-lg-center flex-wrap g-mt-minus-50--lg">
        <div class="col-md-6 order-md-2">
            <div class="g-brd-around--md g-brd-10 g-brd-white rounded">
                <img class="img-fluid w-100 rounded" src="https://php7.cs-cart.jp/mkm2_yoga/images/promo/1/nishihennazaki.jpg" alt="Image Description">
            </div>
        </div>
        <div class="col-md-6 col-lg-4 ml-auto order-md-1">
            <div class="g-mt-minus-30 g-mt-0--md g-ml-minus-100--lg">
                <div class="g-mb-20">
                    <h2 class="g-color-black g-font-weight-600 g-font-size-25 g-font-size-35--lg g-line-height-1_2 mb-4">タイトル<br>サンプル2
                    </h2>
                    <p class="g-font-size-16">国境の長いトンネルを抜けると雪国であった。夜の底が白くなった。信号所に汽車が止まった。 月の夜が深いように思われる。深さが横向けに遠くへ感じ</p>
                </div>
                <a class="btn u-btn-primary g-brd-2 g-brd-white g-font-size-13 g-rounded-50 g-pl-20 g-pr-15 g-py-9" href="#">
                    さらに詳しく
                    <span class="align-middle u-icon-v3 g-width-16 g-height-16 g-color-black g-bg-white g-font-size-11 rounded-circle ml-3">
              <i class="fa fa-angle-right"></i>
            </span>
                </a>
            </div>
        </div>
    </div>
    <!-- End Image, Text Block -->
</div>