text and image

<style>
    .about-banner1 {
        background: #340B62;
        padding: 72px 0;
    }

    .container1 {
        width: 100%;
        max-width: 1280px;
        margin-left: auto;
        margin-right: auto;
        padding-left: 40px;
        padding-right: 40px;
        --container-outer-margin: 0px;
    }

    .about_banner_main1 {
        display: flex;
        align-items: flex-end;
        padding: 0 22px;
    }

    .left_about_banner1 {
        width: 50%;
        flex-basis: 50%;
    }

    .left_about_banner1 .subheading1 {
        font-weight: 800;
        font-size: 10px;
        line-height: 16px;
        letter-spacing: 0.5px;
        text-transform: uppercase;
        color: #FFFFFF;
        opacity: 0.5;
    }

    .left_about_banner1 .h1 {
        font-weight: 800;
        font-size: 40px;
        line-height: 54px;
        letter-spacing: -0.5px;
        color: #FFFFFF;
        margin-bottom: 16px;
    }

    .left_about_banner1 .detais1 {
        font-weight: 500;
        font-size: 14px;
        line-height: 26px;
        color: #FFFFFF;
        padding-right: 25px;
        display: inline-block;
        margin-bottom: 24px;
    }

    p:last-child {
        margin-bottom: 0 !important;
    }

    p:first-child {
        margin-top: 0 !important;
    }

    .right_about_banner1 {
        width: 50%;
        flex-basis: 50%;
        display: flex;
        /* margin-top: 50px; */
        justify-content: flex-end;
    }

    .abt_banner_step1:not(:last-child) {
        padding: 0 30px 0 20px;
    }

    .abt_banner_step1 {
        display: flex;
        align-items: center;
        margin-bottom: 24px;
    }

    .abt_banner_icon_step1 {
        margin-right: 12px;
    }

    .abt_banner_stp_txt1 {
        font-weight: 800;
        font-size: 24px;
        line-height: 32px;
        color: #FFFFFF;
    }

    .abt_banner_stp_txt2 {
        font-weight: 500;
        font-size: 14px;
        line-height: 24px;
        color: #FFFFFF;
    }

    .center_about_banner1 {
        background: #FFFFFF;
        box-shadow: 0px 22px 39px #0000002b;
        border-radius: 12px;
        padding: 10px;
        margin-top: -60px;
        margin-bottom: 55px;
        margin: -60px 20px 0;
    }

    .center_about_banner1 img {
        width: 100%;
    }

    @media (max-width: 480px) {
        .about-banner1 {
            padding-top: 48px;
            /* padding-bottom: 50px; */
        }

        .left_about_banner1 {
            padding: 0;
        }

        .left_about_banner1 .subheading1 {
            margin: 0 0 10px;
        }

        .left_about_banner1 .h1 {
            font-size: 35px;
            line-height: 25px;
        }

        .left_about_banner1 .detais1 {
            padding-right: 0;
        }

        .abt_banner_stp_txt1 {
            font-size: 20px;
        }

        .abt_banner_stp_txt2 {
            font-size: 12px;
        }

        .center_about_banner1 {
            margin-bottom: 50px;
            margin-top: -60px;
        }
    }

    @media (max-width: 768px) {
        .container1 {
            padding-left: 20px;
            padding-right: 20px;
        }

        .about_banner_main1 {
            display: block;
        }

        .left_about_banner1 {
            width: 100%;
            max-width: 100%;
        }

        .right_about_banner1 {
            width: 100%;
            display: flex;
            justify-content: space-between;
        }

        .abt_banner_step1:not(:last-child) {
            padding: 0 10px 0 0;
        }

        .abt_banner_step1 {
            display: block;
        }

        .abt_banner_icon_step1 {
            margin-right: 0;
        }
    }
</style>

<div id="shopify-section-template--22821827150071__48dd4f71-81b5-4065-8826-342e3b4dcc9c" class="shopify-section">
    <div class="about-banner1">
        <div class="container1">
            <div class="about_banner_main1">
                <div class="left_about_banner1">
                    <!-- <div class="subheading1">MORE THAN JUST MARKETABLE INGREDIENTS</div> -->
                    <div class="h1">We're Dermatikally!</div>
                    <div class="rte detais1">
                        <p>Save time and money by finding everything for your skin & hair care under one roof.</p>
                    </div>
                </div>
                <div class="right_about_banner1">
                    <div class="abt_banner_step1 right_about_banner1-sec--cff613b8-62db-496a-bac5-b69ff77156f4">
                        <div class="abt_banner_icon_step1">
                            <img src="//www.clinikally.com/cdn/shop/files/Icons_1_32x.png?v=1646056001">
                        </div>
                        <div class="abt_banner_stp_txt1">
                            25,000+
                            <div class="abt_banner_stp_txt2">Happy Users</div>
                        </div>
                    </div>

                    <div class="abt_banner_step1 right_about_banner1-sec--32b485d3-9615-4258-8a3a-e082ebd0d42e">
                        <div class="abt_banner_icon_step1">
                            <img src="//www.clinikally.com/cdn/shop/files/Icons_2_32x.png?v=1646056000">
                        </div>
                        <div class="abt_banner_stp_txt1">
                            10+
                            <div class="abt_banner_stp_txt2">Years of Expertise</div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <div class="container1">
        <div class="center_about_banner1">
            <img src="https://cdn.shopify.com/s/files/1/0765/0174/5863/files/about_us_banner.png?v=1772166410">
        </div>
    </div>
</div>