Rather than picking apart the client made class naming system, we made a backup of the site and rebuilt it using web development best practices and the BEM naming convention.
We deployed background videos which use the CSS property "object-fit: cover" to ensure they would scale and respond to any size device. A Vimeo Pro account is necessary for this functionality.
All aspects of the new site are driven by the Webflow CMS. We supplied a range of screen recordings using Loom to teach the team exactly how to manage and scale the website.