image and text

<style>
  html:not(.no-js) [data-aos^=fade][data-aos^=fade].aos-animate {
    opacity: 1;
    transform: none;
  }

  html:not(.no-js) [data-aos^=fade][data-aos^=fade] {
    transition-property: opacity, transform, -webkit-transform;
  }

  body[data-aos-easing=ease] [data-aos] {
    transition-timing-function: ease;
  }

  body[data-aos-duration="700"] [data-aos] {
    transition-duration: .7s;
  }

  [data-aos].aos-animate {
    pointer-events: auto;
  }

  .customstyletemplate--16930178334805__d72bcc8c-88fe-4415-96f0-06511b070083 {
    background-color: #ffffff;
    padding: 100px 0px 100px 0px;
    margin: 0px 0px 0px 0px;
  }

  .container {
    padding-left: 10px;
    padding-right: 10px;
    width: 100%;
    margin-right: auto;
    margin-left: auto;
  }

  .section-block {
    position: relative;
  }

  .row {
    margin-right: -10px;
    margin-left: -10px;
    display: flex;
    flex-wrap: wrap;
  }

  .col-md-6 {
    padding-left: 10px;
    padding-right: 10px;
  }

  .flex__item {
    position: relative;
    flex: 1 1 100%;
    width: auto !important;
    min-width: 0;
  }

  .flex {
    display: flex;
  }

  .flex--center-vertical .flex__item {
    align-self: center;
  }

  .image-content-6 {
    display: flex;
    margin: 0 auto;
  }

  .image-content-6 .image-content-6-1:not(:last-child) {
    position: relative;
    margin-top: 48px;
    z-index: 1;
  }

  .image-content-6 .image-content-6-1 {
    flex: 1 0 50%;
  }

  [data-aos][data-aos][data-aos-duration="500"] {
    transition-duration: .5s;
  }

  .image-content__image-container {
    position: relative;
  }

  .image-content__image-wrapper {
    display: block;
    margin: 0 auto;
  }

  .scale-in.lazyloaded {
    opacity: 1;
    transform: scale(1);
  }

  .image-content__image-wrapper img {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    width: 100%;
    height: auto;
  }

  img[data-sizes=auto] {
    display: block;
  }

  .scale-in {
    transition: transform .75s cubic-bezier(.215, .61, .355, 1), opacity .8s cubic-bezier(0, .14, .19, 1);
    will-change: transform;
    backface-visibility: hidden;
    transform-origin: bottom center;
    transition-delay: 0s !important;
  }

  .image-content-6 .image-content-6-2 {
    position: relative;
    z-index: 0;
    margin-inline-end: -48px;
    transform: translate(-48px);
    flex: 1 0 50%;
  }

  [data-aos][data-aos][data-aos-duration="1000"] {
    transition-duration: 1s;
  }

  .h-100 {
    height: 100% !important;
  }

  .w-100 {
    width: 100% !important;
  }

  .text-left {
    text-align: left !important;
  }

  h2 .h2 {
    font-weight: 500;
    font-size: 50px;
    line-height: 1.4;
    letter-spacing: 0px;
    text-transform: none;
    color: #262626;
    font-family: Outfit;
  }

  .mb-3 {
    margin-bottom: 16px !important;
  }

  .rte-setting {
    margin-bottom: 10px;
  }

  ol {
    list-style: decimal;
  }

  strong {
    font-weight: bolder;
  }

  @media (min-width: 768px) {
    .col-md-6 {
      max-width: 50%;
    }

    .container {
      max-width: 720px;
    }
  }

  @media (min-width: 992px) {
    .mb-lg-0 {
      margin-bottom: 0 !important;
    }

    .pl-lg-5 {
      padding-left: 48px !important;
    }
  }

  @media (min-width: 1800px) {
    .container {
      max-width: 1800px;
    }
  }

  @media only screen and (max-width: 749px) {
    h2 .h2 {
      font-size: 24px;
    }
  }

  @media (max-width: 750px) {
    .customstyletemplate--16930178334805__d72bcc8c-88fe-4415-96f0-06511b070083 {
      padding: 60px 0px 60px 0px;
      margin: 0px 0px 0px 0px;
    }
  }

  @media (max-width: 767px) {
    .container {
      max-width: 630px !important;
    }
  }

  @media only screen and (max-width: 989px) {
    .container {
      padding: 0 20px;
    }
  }
</style>

<div id="shopify-section-template--16930178334805__d72bcc8c-88fe-4415-96f0-06511b070083"
  class="shopify-section index-section"><!-- image-content-6.liquid -->
  <div class="customstyletemplate--16930178334805__d72bcc8c-88fe-4415-96f0-06511b070083 aos-init aos-animate"
    data-aos="fade">
    <div class="container">
      <div class="section-block">
        <div class="row">
          <div class="mb-lg-0 mb-5 flex__item flex flex--center-vertical col-md-6">
            <div class="flex__item">
              <div
                class="image-content-6 image-content-template--16716887458110__d72bcc8c-88fe-4415-96f0-06511b070083-16666725974cf35e4d-0 right">
                <div class="image-content-6-1">
                  <div class="image-content__image-container aos-init aos-animate" data-aos="fade"
                    data-aos-duration="500">
                    <div class="image-content__image-wrapper" style="padding-top:100.0%;">
                      <img
                        srcset="//jashnkurta.com/cdn/shop/files/about_us_1.png?v=1757912267&width=165 165w,//jashnkurta.com/cdn/shop/files/about_us_1.png?v=1757912267&width=360 360w,//jashnkurta.com/cdn/shop/files/about_us_1.png?v=1757912267 500w"
                        src="//jashnkurta.com/cdn/shop/files/about_us_1.png?v=1757912267&width=1066" sizes="464px"
                        alt="" class="image-content__image scale-in lazyautosizes ls-is-cached lazyloaded"
                        data-sizes="auto" data-aspectratio="1.0" loading="lazy" width="500" height="500">
                    </div>
                  </div>
                </div>
                <div class="image-content-6-2">
                  <div class="image-content__image-container image-content-2 aos-init aos-animate" data-aos="fade"
                    data-aos-duration="1000">
                    <div class="image-content__image-wrapper" style="padding-top:100.0%;">
                      <img
                        srcset="//jashnkurta.com/cdn/shop/files/about_us_2.png?v=1757912267&width=165 165w,//jashnkurta.com/cdn/shop/files/about_us_2.png?v=1757912267&width=360 360w,//jashnkurta.com/cdn/shop/files/about_us_2.png?v=1757912267 500w"
                        src="//jashnkurta.com/cdn/shop/files/about_us_2.png?v=1757912267&width=1066" sizes="464px"
                        alt="" class="image-content__image scale-in lazyautosizes ls-is-cached lazyloaded"
                        data-sizes="auto" data-aspectratio="1.0" loading="lazy" width="500" height="500">
                    </div>
                  </div>
                </div>
              </div>
            </div>
          </div>

          <div class="flex__item flex flex--center-vertical col-md-6">
            <div class="h-100 flex w-100 flex--center-vertical" style="background-color:#ffffff;">
              <div class="flex__item image-content__text text-left pl-lg-5" style="max-width:500px;">
                <h2 class="mb-3 h2">Why Jashnkurta?</h2>
                <div class="rte-setting"></div>
                <ol>
                  <li> <strong>Premium Quality Fabrics</strong> – Every kurta is crafted from carefully selected silk,
                    cotton, and blended fabrics that are breathable, durable, and luxurious to wear.</li>
                  <li> <strong>Authentic Craftsmanship</strong> – With fine tailoring and attention to detail, each
                    piece reflects traditional artistry while embracing modern style.</li>
                  <li><strong>Style & Versatility</strong> – From weddings and festive occasions to casual
                    gatherings, our kurtas are designed to suit every mood, season, and celebration.</li>
                  <li><strong>Customer-Centric Approach</strong> – Your satisfaction is our priority. From size guidance
                    to styling support, we ensure a seamless shopping experience.</li>
                </ol>
              </div>
            </div>
          </div>
        </div>
      </div>
    </div>
  </div>
</div>