Hero Rotate

<div class="bg-bravo component-spacer-padding min-h-[60vh] flex justify-center items-center" data-vanilla-module="HeroRotate">
    <div class="container flex">
        <div class="flex-1 flex items-center justify-center">
            <div>
                <p class="font-extrabold italic uppercase text-[88px] text-white rotate-[-10.75deg] leading-[0.9] max-w-[700px]">
                    Our lowest 
                </p>
                <p class="font-extrabold italic uppercase text-[88px] text-white rotate-[-10.75deg] leading-[0.9] max-w-[700px]">
                    prices ever
                </p>
                <p class="font-extrabold italic uppercase text-[88px] text-white rotate-[-10.75deg] leading-[0.9] max-w-[700px]">
                    buy me
                </p>
            </div>

        </div>
        <div class="flex-1 flex items-center justify-center">
            <div class="w-112 h-112 rounded-full relative overflow-hidden js-circle">
                <img class="absolute w-[85%] h-[85%] z-10 js-foreground scale-110 top-1/2 left-1/2 -translate-x-1/2 -translate-y-1/3" src="/front-end/playground/foreground-giga.png" />
                <img class="absolute w-full h-full z-0 js-background scale-110" src="/front-end/playground/background-fields.jpg" />
            </div>
        </div>
    </div>
</div>