From f57251eb8503417d3599b5ad55a769580c3d8008 Mon Sep 17 00:00:00 2001
From: Antoine M <martinon.toinou@protonmail.com>
Date: Thu, 16 Oct 2025 16:20:32 +0200
Subject: [PATCH] RESPONSIVE Fixing aspect of background decorative card

---
 resources/css/blocks/dernieres-dynamiques.css | 17 ++++++++++++-----
 resources/css/blocks/revues-precedentes.css   |  4 ++--
 2 files changed, 14 insertions(+), 7 deletions(-)

diff --git a/resources/css/blocks/dernieres-dynamiques.css b/resources/css/blocks/dernieres-dynamiques.css
index 356f552..b86e3f3 100644
--- a/resources/css/blocks/dernieres-dynamiques.css
+++ b/resources/css/blocks/dernieres-dynamiques.css
@@ -73,12 +73,17 @@
   &__issue-thumbnail-wrapper {
     @apply relative;
     .card-background {
-      @apply absolute  border-primary border bg-white top-20 left-8;
+      @apply absolute  border-primary border bg-white top-10 lg:top-20 left-2 lg:left-8;
       height: 330px;
 
-      width: 104%;
-      transform: perspective(800px) rotateY(10deg) skewX(1deg) rotateZ(4deg) rotateX(1deg)
-        scale(0.95) translateY(-2px) translateX(-40px);
+      transform: rotate(3deg) scale(0.95);
+
+      width: 100%;
+      @screen lg {
+        width: 104%;
+        transform: perspective(800px) rotateY(10deg) skewX(1deg) rotateZ(4deg)
+          rotateX(1deg) scale(0.95) translateY(-2px) translateX(-40px);
+      }
       z-index: 0;
 
       &::before {
@@ -98,7 +103,9 @@
     height: 330px;
     position: relative;
     z-index: 10;
-    transform: translateX(-30px);
+    @screen lg {
+      transform: translateX(-30px);
+    }
 
     img {
       width: calc(100% - 42px);
diff --git a/resources/css/blocks/revues-precedentes.css b/resources/css/blocks/revues-precedentes.css
index ebac087..cb37bfa 100644
--- a/resources/css/blocks/revues-precedentes.css
+++ b/resources/css/blocks/revues-precedentes.css
@@ -80,10 +80,10 @@
       @apply relative w-full;
 
       .card-background {
-        @apply absolute  border-primary border bg-white top-8 md:top-20 left-4 md:left-8;
+        @apply absolute  border-primary border bg-white top-10 lg:top-20 left-2 lg:left-8;
         height: 260px;
         width: 100%;
-        transform: rotate(3deg) scale(0.98);
+        transform: rotate(3deg) scale(0.95);
 
         @screen lg {
           width: 104%;