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

[sushant-cloud]

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