Tailwind incompatibility

[States]

This is the regular css working fine and this is the css used for this
margin: "20px auto", position: "relative", height: "100vh", width: "100vw", overflow: "hidden",

But if i try to convert it into tailwind with the relative w-[100vw] h-[100vh] overflow-hidden or absolute inset-x-0 w-[100vw] h-[100vh] and i have to play around with the padding to actually move it around but with little to no success and this happens

And if I try to add padding it will move a bit but wont resize