From: Vincent Vanwaelscappel <vincent@cubedesigners.com>
Date: Fri, 12 Dec 2025 11:35:24 +0000 (+0100)
Subject: wait #7897 @1
X-Git-Url: http://git.cubedesigners.com/?a=commitdiff_plain;h=723ef98dc1cfb64d58c77e8ca74b81be125f1790;p=fluidbook-html5.git

wait #7897 @1
---

diff --git a/style/links.less b/style/links.less
index bfed8acb..7df94439 100644
--- a/style/links.less
+++ b/style/links.less
@@ -176,17 +176,18 @@
 
   &.contentLink[data-flipcard] {
     background-image: none !important;
-    perspective: 2000px;
     position: relative;
     overflow: visible;
+    transform: scale(0.25);
+    transform-origin: 0 0;
 
     > a {
       position: absolute;
       display: block;
       top: 0;
       left: 0;
-      width: 100%;
-      height: 100%;
+      width: 400%;
+      height: 400%;
       z-index: 1;
     }
 
@@ -214,24 +215,27 @@
       }
     }
 
-    .flipcard {
-      width: 100%;
-      height: 100%;
-      position: absolute;
-      transition: transform 0.8s;
-      transform-style: preserve-3d;
-
-      > div {
-        position: absolute;
-        top: 0;
-        left: 0;
-        width: 100%;
-        height: 100%;
-        backface-visibility: hidden;
-
-        img {
+    .flipcard-perspective {
+      perspective: 2000px;
+
+      .flipcard {
+        width: 400%;
+        height: 400%;
+        transition: transform 0.8s;
+        transform-style: preserve-3d;
+
+        > div {
+          position: absolute;
+          top: 0;
+          left: 0;
           width: 100%;
-          height: 100%
+          height: 100%;
+          backface-visibility: hidden;
+
+          img {
+            width: 100%;
+            height: 100%
+          }
         }
       }
     }