I’ve spent 2 hours trying to position and rotate the image below, but I’m having trouble achieving the exact result I want(image is provided below). Can anyone offer some advice?

I need to position in this order

• icon
• text
• text
• image

Code:

<div className="bg-white gap-[20px] p-[24px] rounded-lg h-[400px] md:h-[340px] lg:h-[524px]">
            <img src="/images/userRefresh.png" className="h-[48px]" />
            <h3 className="text-[20px] leading-[26px] font-bold mt-[24px]">
              Большое количество партнеров
            </h3>
            <p className="text-[16px] leading-[24px] font-normal mt-[8px]">
              Более 2000 партнеров по всему Узбекистану сотрудничают с нами
            </p>
            <div className="flex justify-end items-end">
             
              <img
                src="/images/parnterBrands.png"
                className="transform rotate-30"
              />
            </div>
          </div>

image