image and text

<style>
  .section {
    margin: 64px 0;
    display: block;
  }

  .section__color-wrapper {
    background: #f8f0ed;
    display: flow-root;
  }

  .container {
    max-width: 1600px;
    padding-inline: 40px;
    --container-outer-margin: 0px;
    width: 100%;
    margin-inline-start: auto;
    margin-inline-end: auto;
  }

  @media screen and (min-width: 741px) {
    .hidden-tablet-and-up {
      display: none !important;
    }
  }

  @media screen and (max-width: 480px) {
    #shopify-section-template--28452673454161__custom_liquid_WzQna8 .info_main_inr {
      flex-wrap: wrap;
      gap: 20px !important;
    }

    #shopify-section-template--28452673454161__custom_liquid_WzQna8 .info_main_col {
      max-width: 100% !important;
    }

    #shopify-section-template--28452673454161__custom_liquid_WzQna8 .info_main_col_inr {
      flex-wrap: wrap;
      justify-content: center;
    }

    #shopify-section-template--28452673454161__custom_liquid_WzQna8 .info_main_txt_col.pd_r {
      padding-left: 16px !important;
      padding-right: 16px;
    }

    #shopify-section-template--28452673454161__custom_liquid_WzQna8 .site_des {
      margin-top: 20px;
    }

    #shopify-section-template--28452673454161__custom_liquid_WzQna8 .site_des span {
      font-size: 14px !important;
      text-align: center;
    }
  }

  @media screen and (max-width: 740px) {
    .hidden-phone {
      display: none !important;
    }
  }
</style>

<div id="shopify-section-template--28452673454161__custom_liquid_WzQna8"
  class="shopify-section shopify-section--custom-liquid">
  <section class="section">
    <div>
      <div class="section__color-wrapper">
        <div class="container">
          <div class="liquid">
            <div class="info_main site_padding">
              <div class="info_main_inr v_row no_padding" style="display: flex; gap: 50px;">
                <div class="info_main_col" style="max-width: 50%; width: 100%;">
                  <div class="info_main_col_inr" style="display: flex; align-items: flex-end;">
                    <div class="info_main_img_col" style="position: relative;">
                      <div class="info_main_img">
                        <img
                          src="https://cdn.shopify.com/s/files/1/0579/3975/5089/files/VASTRA-7_475e1630-10a7-49e9-98f1-e9e1d8e272da.jpg?v=1764658456"
                          alt="Vastranand Sarees" width="320px" height="360px" style="max-width: 320px; height: 360px;">
                      </div>
                      <div class="info_main_txt" style="position: absolute; bottom: 0; left: 40px;">
                        <div class="info_main_title hidden-tablet-and-up">
                          <span
                            style="font-family: Cormorant Upright; font-weight: 700; font-size: 35px; letter-spacing: 0.6px; text-transform: capitalize; color: #FFF; margin-bottom: 10px; display: block;">Ravi
                            Viradiya</span>
                        </div>
                        <div class="info_main_subtitle  hidden-tablet-and-up">
                          <span
                            style="font-family: Jost; font-weight: 700; font-size: 14px; letter-spacing: 0.6px; text-transform: uppercase; color: #FFF; margin-bottom: 30px; opacity: 0.8; display: block;">MD
                            & Founder</span>
                        </div>
                      </div>
                    </div>
                    <div class="info_main_txt_col pd_r" style="padding-left: 40px;">
                      <div class="info_main_txt">
                        <div class="info_main_title hidden-phone">
                          <span
                            style="font-family: Cormorant Upright; font-weight: 700; font-size: 35px; letter-spacing: 0.6px; text-transform: capitalize; color: #6C351F; margin-bottom: 10px; display: block;">Ravi
                            Viradiya</span>
                        </div>
                        <div class="info_main_subtitle hidden-phone">
                          <span
                            style="font-family: Jost; font-weight: 700; font-size: 14px; letter-spacing: 0.6px; text-transform: uppercase; color: #6C351F; margin-bottom: 30px; opacity: 0.5; display: block;">MD
                            & Founder</span>
                        </div>
                        <div class="site_des">
                          <span
                            style="font-family: Jost; font-weight: 500; font-size: 18px; letter-spacing: 0.6px; color: #6C351F; display: block;">“Vastranand
                            is family. A family that honors creativity, craftsmanship, and dreams. Together, we grow
                            economically, emotionally, and ethically.”</span>
                        </div>
                      </div>
                    </div>
                  </div>
                </div>
                <div class="info_main_col" style="max-width: 50%; width: 100%;">
                  <div class="info_main_col_inr" style="display: flex; align-items: flex-end;">
                    <div class="info_main_img_col" style="position: relative;">
                      <div class="info_main_img">
                        <img
                          src="https://cdn.shopify.com/s/files/1/0579/3975/5089/files/Image_7_e02a9ab3-f715-42b6-b1cf-04dedce46085.png?v=1753428057"
                          alt="Vastranand Sarees" width="320px" height="360px" style="max-width: 320px; height: 360px;">
                      </div>
                      <div class="info_main_txt" style="position: absolute; bottom: 0; left: 40px;">
                        <div class="info_main_title hidden-tablet-and-up">
                          <span
                            style="font-family: Cormorant Upright; font-weight: 700; font-size: 35px; letter-spacing: 0.6px; text-transform: capitalize; color: #FFF; margin-bottom: 10px; display: block;">Jigar
                            Viradiya</span>
                        </div>
                        <div class="info_main_subtitle hidden-tablet-and-up">
                          <span
                            style="font-family: Jost; font-weight: 700; font-size: 14px; letter-spacing: 0.6px; text-transform: uppercase; color: #FFF; margin-bottom: 30px; opacity: 0.8; display: block;">CEO
                            & Founder</span>
                        </div>
                      </div>
                    </div>
                    <div class="info_main_txt_col pd_r" style="padding-left: 40px;">
                      <div class="info_main_txt">
                        <div class="info_main_title hidden-phone">
                          <span
                            style="font-family: Cormorant Upright; font-weight: 700; font-size: 35px; letter-spacing: 0.6px; text-transform: capitalize; color: #6C351F; margin-bottom: 10px; display: block;">Jigar
                            Viradiya</span>
                        </div>
                        <div class="info_main_subtitle hidden-phone">
                          <span
                            style="font-family: Jost; font-weight: 700; font-size: 14px; letter-spacing: 0.6px; text-transform: uppercase; color: #6C351F; margin-bottom: 30px; opacity: 0.5; display: block;">CEO
                            & Founder</span>
                        </div>
                        <div class="site_des">
                          <span
                            style="font-family: Jost; font-weight: 500; font-size: 18px; letter-spacing: 0.6px; color: #6C351F; display: block;">“For
                            us, profit is more than numbers—it’s smiles, trust, and impact. Vastranand is about people,
                            purpose, and pride.”</span>
                        </div>
                      </div>
                    </div>
                  </div>
                </div>
              </div>
            </div>
          </div>
        </div>
      </div>
    </div>
  </section>
</div>