[Bug Report][3.0.0-beta.12] VParallax does not work with multiple VCards

[andrewspy]

Environment

Vuetify Version: 3.0.0-beta.12 Last working version: 3.0.0-beta.11 Vue Version: 3.2.40 Browsers: Chrome 105.0.0.0 OS: Windows 10

Steps to reproduce

1. Open https://codepen.io/andrewspy/pen/ZEoMaxx
2. Scroll the page.

Expected Behavior

VParallax image should cover the text.

Actual Behavior

VParallax image covers the text wrongly.

Reproduction Link

https://codepen.io/andrewspy/pen/ZEoMaxx

Other comments

beta.12 changed the behavior to "scale controls scroll speed instead of size", but the behavior does not work well with multiple VCards.

[andrewspy]

Problem persists in beta.15.

Vuetify Playground: https://play.vuetifyjs.com/#eNqNU8Fu2zAM/RVWF3dAZSVtegnSAbvtA4btMO+gSHSkVJYMSc5SBPn30XbqOc0O88HAI5/eIynq54kdOsy2fiv3ia2ZbdoQM5xARZQZv485OEMdQwPFhVtUvvJ4HKgq+JThkoCX64P3p8oDZIMNrklUYy07l7+NuNAyvhZwrvz5U+XZA/vStiUJURmbpKJtMyTMXfu58lNZEet5MUMhYwVN2pE75e+Lr+hcgB8hOn1XkPRGjHIkRCBj0zoqkRDA5sBl2zsAfQQaaf0FDTjjMfPaotNAyaDRvVSMrCoGYs5TMmowaHcmE+F5cTBXjI9M5WRKvdIbf6zYRJsIg+8sPCRaGaVz8jgPA6SoSMjk3Ka1EEr7foT97PepVKERtpE7TGIr1esuhs7rJA5b6T3Gct9SH3O1K0fy1PYwlap57fAI/Y+r4LrGQ22d42PTsO9Sb8oV+owRpLM7/w6GIf42NuNVrxcTs5w8BqJZwZHXwdORQZpnYz00W776x2mAy6bdyAqz/NiOoH6uhyr+TnV+CRS+vYX36O2l3nEOtFIKTXCa+uX8v1ejF512rgfjNm7EbEvZ+YE9lY/laklv5KlclAu+xSzL5TP79QdcNiSv