JSFiddle - React, Tailwind, and code Playground

HTML

<div>
<p>Should be all the way to the left, but fixed is relative to a parent with 3d perspective</p>
</div>

CSS

div {
    position: absolute;
    left: 50%;
    /* remove the perspective and fixed will be global again */
    -webkit-perspective: 444px; 
}

p {
    position: fixed;
    left: 0px;
}