https://i.stack.imgur.com/tPXEQ.jpg https://i.stack.imgur.com/3XkJo.jpg
Just a heads up, this code snippet performs well on desktop but may have some issues on mobile and tablet devices. If anyone in the StackOverflow Community can offer some assistance, it would be greatly appreciated.
<div>
<div className='justify-center mt-16 md:pb-6 lg:pb-0 lg:flex lg:mx-36 md:mx-auto rounded-2xl bg-neutral-800'>
{/* Column 1 */}
<div className="-mt-10 lg:relative">
<Image
src="/images/review/<a href="/cdn-cgi/l/email-protection" class="__cf_email__" data-cfemail="bad3d7dbdddf97d0dfc8dfd7c397d6dbc8dddffa88c294cad4dd">[email protected]</a>"
width={290}
height={290}
alt="people"
className="w-56 mx-auto rounded-xl lg:w-72"
/>
</div>
{/* Column 2 */}
<div>
<Image
src="/images/review/patternCurveDiagonalLine.png"
width={60}
height={60}
alt="Curve Diagonal Line"
className="mx-auto mt-10 lg:mt-32 lg:mx-14"
/>
</div>
{/* Column 3 */}
</div>
</div>
</div>