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%;