Inconsistent and Incomplete 3D Transform Implementation in Project Cards Leading to Layout Breaks and Accessibility Concerns

Issue Description:
Further consideration of the provided CSS codebase has unveiled yet another concern, this time in the project cards portion of the strategy which applies the `perspective` and `transform-style: preserve-3d` properties for the 3D flip animation. Although the intent is for a card to reveal the back side - with a tech stack and details, as an interactive animation with the hover pseudo-class - the animations in its current state were yet to be completed (inconsistent in viewport set up) and creates new accessibility and performance issues. This modification is present in a few classes, namely the `.projects-grid`, `.project-card`, `.project-card-inner`, `.project-card-front`, `.project-card-back`.
USE OF AI