Responsive social proof section using tailwind css

for the background image you can just give the images absolute position and align them with every direction you like for example: top{ position: absolute; top: -1%; right: 10% }

for the other parts like the title you can give them a width so it shows in a specific way and you may wanna take a look at your font families too.

hope it was helpful!

This Looks great.

For the background image, take a look at this body { display: flex; justify-content: center; align-items: center; min-height: 100vh; font-family: 'Kumbh Sans'; background-color: var(--Dark-cyan); background-image: url(./images/bg-pattern-top.svg), url(./images/bg-pattern-bottom.svg); background-repeat: no-repeat, no-repeat; background-position: right 52vw bottom 41vh, left 50vw top 50vh; } Although this is from another project, this will be work on this one too. Just adjust the position, color according to your specifications.

Hope this helps.