ImageZoom Fixes

1 files changed, 4 insertions, 11 deletions

diff --git a/src/plugins/imageZoom/styles.css b/src/plugins/imageZoom/styles.css
index 47e8a16..219bf6b 100644
--- a/src/plugins/imageZoom/styles.css
+++ b/src/plugins/imageZoom/styles.css
@@ -1,4 +1,4 @@
-.lens {
+.vc-imgzoom-lens {
     position: absolute;
     inset: 0;
     z-index: 9999;
@@ -11,26 +11,19 @@
     pointer-events: none;
 }
 
-.zoom img {
-    position: absolute;
-    top: 50%;
-    left: 50%;
-    transform: translate(-50%, -50%);
-}
-
 /* make the carousel take up less space so we can click the backdrop and exit out of it */
-[class^="focusLock"] > [class^="carouselModal"] {
+[class|="carouselModal"] {
     height: fit-content;
     box-shadow: none;
 }
 
-[class^="focusLock"] > [class^="carouselModal"] > div {
+[class*="modalCarouselWrapper"] {
     height: fit-content;
     top: 50%;
     transform: translateY(-50%);
 }
 
-#magnify-modal {
+[class|="wrapper"]:has(> #vc-imgzoom-magnify-modal) {
     position: absolute;
     left: 50%;
     top: 50%;