Profile card with Tailwind CSS(Purged css)

I had a tough time in positioning the top and bottom bg-pattern-*, I tried absolute positioned images, and also background-image both, but none of the approaches scale the image appropriately(increase circle radius) at every screen size so that only corners of the profile card is touched(overlapped) while positioned at the top-left and bottom-right corner(At every screen size, tried using %, vh, vw, but couldn't achieve it perfectly at every screen size) . How you guys approached and solved it? please advice!.