<div class="howtouse-section">
    <style>
        .howtouse-section__holder {
            padding-top: 50px;
            padding-bottom: 50px;
        }
        .howtouse-section__wrapper {
            padding: 0 80px;
            max-width: 1360px;
            margin: auto;
        }
        .howtouse-section__title {
            align-self: stretch;
            color: #000001;
            font-family: 'Inter', 'Apercu', Arial, sans-serif;
            font-size: 44px;
            font-weight: 400;
            letter-spacing: -.02em;
            line-height: 1;
            max-width: 100%;
            margin-left: 16px;
            margin-bottom: 48px;
            text-align: left;
        }
        .howtouse-section__items {
            display: grid;
            grid-template-columns: 1fr 1fr 1fr 1fr;
            grid-gap: 32px;
        }
        .howtouse-section__item {
            min-width: 1px;
            width: 100%;
            display: none;
        }
        .howtouse-section__item--active {
            display: block;
        }
        .howtouse-section__image {
            padding-top: 500px;
            position: relative;
            margin-bottom: 24px;
        }
        .howtouse-section__text {
            align-self: stretch;
            color: #000;
            display: flex;
            flex-direction: column;
            font-family: 'Inter', 'Apercu', Arial, sans-serif;
            font-size: 22px;
            font-weight: 400;
            justify-content: flex-start;
            letter-spacing: -.01em;
            line-height: 1.5;
            max-width: 100%;
            position: relative;
        }
        .howtouse-section__image img {
            position: absolute;
            top: 0;
            width: 100%;
            height: 100%;
            object-fit: cover;
        }
        @media screen and (max-width: 1024px) {
            .howtouse-section__items {
                grid-template-columns: 1fr 1fr;
                grid-gap: 20px;
            }
            .howtouse-section__wrapper {
                padding: 0 24px;
            }
            .howtouse-section__title {
                margin-left: 0;
                margin-bottom: 30px;
            }
            .howtouse-section__image {
                padding-top: 111.8%;
                max-height: 400px;
            }
            .howtouse-section__text {
                font-size: 18px;
                font-family: 'Inter', 'Apercu', Arial, sans-serif;
            }
        }
    </style>
    <div class="howtouse-section__holder">
        <div class="howtouse-section__wrapper">
            <div class="howtouse-section__title">How to use -</div>
            <div class="howtouse-section__items">
                <div class="howtouse-section__item howtouse-section__item--active" data-flavor="Coffee">
                    <div class="howtouse-section__image">
                        <img src="//spacegoods.com/cdn/shop/files/2024-09-29_23-33-40_B_R8_S4_COFFEE_1x1_c4735316-d620-41d2-9038-b100a3faa3fa_1000x.jpg?v=1729943669" alt="Image">
                    </div>
                    <div class="howtouse-section__text">1) scoop 8g of Rainbow Dust</div>
                </div>
                <div class="howtouse-section__item howtouse-section__item--active" data-flavor="Coffee">
                    <div class="howtouse-section__image">
                        <img src="//spacegoods.com/cdn/shop/files/2024-09-29_23-41-27_B_R8_S4_H_1x1_93c184ee-1e1b-486b-8707-9ec7ad2005b9_1000x.jpg?v=1729943681" alt="Image">
                    </div>
                    <div class="howtouse-section__text">2) mix with water or milk - hot or cold</div>
                </div>
                <div class="howtouse-section__item howtouse-section__item--active" data-flavor="Coffee">
                    <div class="howtouse-section__image">
                        <img src="//spacegoods.com/cdn/shop/files/SCC00652_1x1_4df7434b-7dec-4d08-b6f2-6a3a81dc7957_1000x.jpg?v=1728026166" alt="Image">
                    </div>
                    <div class="howtouse-section__text">3) use your frother to blend to perfection</div>
                </div>
                <div class="howtouse-section__item howtouse-section__item--active" data-flavor="Coffee">
                    <div class="howtouse-section__image">
                        <img src="//spacegoods.com/cdn/shop/files/SCC00911_1x1_1e333543-e0ff-4060-9e21-ee6cecd1bb47_1000x.jpg?v=1728025913" alt="Image">
                    </div>
                    <div class="howtouse-section__text">4) drink &amp; enjoy focus - energy - calm</div>
                </div>
                <div class="howtouse-section__item" data-flavor="Chocolate">
                    <div class="howtouse-section__image">
                        <img src="//spacegoods.com/cdn/shop/files/2024-09-29_23-33-40_B_R8_S4_CHOC_1x1_d6c6c5d8-e0b7-4203-bb59-a2063ca9b251_1000x.jpg?v=1728025685" alt="Image">
                    </div>
                    <div class="howtouse-section__text">1) scoop 8g of Rainbow Dust</div>
                </div>
                <div class="howtouse-section__item" data-flavor="Chocolate">
                    <div class="howtouse-section__image">
                        <img src="//spacegoods.com/cdn/shop/files/mix_2_1000x.webp?v=1720520021" alt="Image">
                    </div>
                    <div class="howtouse-section__text">2) mix with water or milk - hot or cold</div>
                </div>
                <div class="howtouse-section__item" data-flavor="Chocolate">
                    <div class="howtouse-section__image">
                        <img src="//spacegoods.com/cdn/shop/files/frother_3_1000x.webp?v=1720520021" alt="Image">
                    </div>
                    <div class="howtouse-section__text">3) use your frother to blend to perfection</div>
                </div>
                <div class="howtouse-section__item" data-flavor="Chocolate">
                    <div class="howtouse-section__image">
                        <img src="//spacegoods.com/cdn/shop/files/SCC00936_1x1_77b9b3d3-2afe-4964-b522-e4aa8d233d06_1000x.jpg?v=1728025943" alt="Image">
                    </div>
                    <div class="howtouse-section__text">4) drink &amp; enjoy focus - energy - calm</div>
                </div>
                <div class="howtouse-section__item" data-flavor="Vanilla Cinnamon">
                    <div class="howtouse-section__image">
                        <img src="//spacegoods.com/cdn/shop/files/2024-09-29_23-33-40_B_R8_S4_CIN_1x1_1b50a2f7-28e4-4630-b92d-500a1794a20c_1000x.jpg?v=1728025746" alt="Image">
                    </div>
                    <div class="howtouse-section__text">1) scoop 8g of Rainbow Dust</div>
                </div>
                <div class="howtouse-section__item" data-flavor="Vanilla Cinnamon">
                    <div class="howtouse-section__image">
                        <img src="//spacegoods.com/cdn/shop/files/2024-09-29_23-41-00_B_R8_S4_H_1x1_f551f486-0062-46ef-8cf0-96e498376a8a_1000x.jpg?v=1728026249" alt="Image">
                    </div>
                    <div class="howtouse-section__text">2) mix with water or milk - hot or cold</div>
                </div>
                <div class="howtouse-section__item" data-flavor="Vanilla Cinnamon">
                    <div class="howtouse-section__image">
                        <img src="//spacegoods.com/cdn/shop/files/SCC00615_1x1_552b872c-8020-4cd7-81d3-17c3f7d04b5d_1000x.jpg?v=1728026331" alt="Image">
                    </div>
                    <div class="howtouse-section__text">3) use your frother to blend to perfection</div>
                </div>
                <div class="howtouse-section__item" data-flavor="Vanilla Cinnamon">
                    <div class="howtouse-section__image">
                        <img src="//spacegoods.com/cdn/shop/files/SCC00855_1x1_b9963ffd-9dc1-40d5-85c7-9680e7546a67_1000x.jpg?v=1728025978" alt="Image">
                    </div>
                    <div class="howtouse-section__text">4) drink &amp; enjoy focus - energy - calm</div>
                </div>
                <div class="howtouse-section__item" data-flavor="Strawberry">
                    <div class="howtouse-section__image">
                        <img src="//spacegoods.com/cdn/shop/files/2024-09-29_23-34-29_B_R8_S4_STRAW_1x1_afa5b9c3-5e2c-4d49-9128-d835dd668561_1000x.jpg?v=1728025786" alt="Image">
                    </div>
                    <div class="howtouse-section__text">1) scoop 8g of Rainbow Dust</div>
                </div>
                <div class="howtouse-section__item" data-flavor="Strawberry">
                    <div class="howtouse-section__image">
                        <img src="//spacegoods.com/cdn/shop/files/2024-09-29_23-40-27_B_R8_S4_H_1x1_fd662ce0-7b5d-4bc4-ab80-a1b5b0223f61_1000x.jpg?v=1728026391" alt="Image">
                    </div>
                    <div class="howtouse-section__text">2) mix with water or milk - cold like a milkshake!</div>
                </div>
                <div class="howtouse-section__item" data-flavor="Strawberry">
                    <div class="howtouse-section__image">
                        <img src="//spacegoods.com/cdn/shop/files/SCC00590_1x1_693f2342-210b-469b-adb5-8a83ce860c61_1000x.jpg?v=1728026452" alt="Image">
                    </div>
                    <div class="howtouse-section__text">3) use your frother to blend to perfection</div>
                </div>
                <div class="howtouse-section__item" data-flavor="Strawberry">
                    <div class="howtouse-section__image">
                        <img src="//spacegoods.com/cdn/shop/files/SCC00881_1x1_95d55eac-482a-4826-b77b-bdfe6a33a377_1000x.jpg?v=1728026013" alt="Image">
                    </div>
                    <div class="howtouse-section__text">4) drink &amp; enjoy focus - energy - calm</div>
                </div>
                <div class="howtouse-section__item" data-flavor="Raw Chocolate (Decaf)">
                    <div class="howtouse-section__image">
                        <img src="//spacegoods.com/cdn/shop/files/2024-09-29_23-33-40_B_R8_S4_CHOC_1x1_d6c6c5d8-e0b7-4203-bb59-a2063ca9b251_1000x.jpg?v=1728025685" alt="Image">
                    </div>
                    <div class="howtouse-section__text">1) scoop 8g of Rainbow Dust</div>
                </div>
                <div class="howtouse-section__item" data-flavor="Raw Chocolate (Decaf)">
                    <div class="howtouse-section__image">
                        <img src="//spacegoods.com/cdn/shop/files/mix_2_2e82c99b-f91c-437a-a68e-12ddc274715d_1000x.webp?v=1723624267" alt="Image">
                    </div>
                    <div class="howtouse-section__text">2) mix with water or milk - hot or cold</div>
                </div>
                <div class="howtouse-section__item" data-flavor="Raw Chocolate (Decaf)">
                    <div class="howtouse-section__image">
                        <img src="//spacegoods.com/cdn/shop/files/frother_3_1000x.webp?v=1720520021" alt="Image">
                    </div>
                    <div class="howtouse-section__text">3) use your frother to blend to perfection</div>
                </div>
                <div class="howtouse-section__item" data-flavor="Raw Chocolate (Decaf)">
                    <div class="howtouse-section__image">
                        <img src="//spacegoods.com/cdn/shop/files/SCC00936_1x1_77b9b3d3-2afe-4964-b522-e4aa8d233d06_1000x.jpg?v=1728025943" alt="Image">
                    </div>
                    <div class="howtouse-section__text">4) drink &amp; enjoy focus - energy - calm</div>
                </div>
            </div>
        </div>
    </div>
</div>