diff --git a/resources/css/blocks/dernieres-dynamiques.css b/resources/css/blocks/dernieres-dynamiques.css index 8123399..7bfc4e3 100644 --- a/resources/css/blocks/dernieres-dynamiques.css +++ b/resources/css/blocks/dernieres-dynamiques.css @@ -15,7 +15,7 @@ @apply block shrink-0; } &:after { - @apply w-full z-50 bg-white block mb-2; + @apply w-full z-20 bg-white block mb-2; height: 1px; content: ' '; } @@ -58,12 +58,12 @@ } &__issue-title { - @apply text-6xl uppercase pb-12; + @apply lg:text-6xl text-4xl uppercase pb-12; line-height: 1.1; font-weight: 100 !important; } &__issue-content-wrapper { - @apply grid gap-12 2xl:gap-24 pb-24; + @apply grid gap-12 2xl:gap-24 pb-24 overflow-hidden lg:overflow-visible; @screen md { grid-template-columns: 61.8fr 38.2fr; } @@ -77,7 +77,7 @@ width: 104%; transform: perspective(800px) rotateY(10deg) skewX(1deg) rotateZ(4deg) rotateX(1deg) - scale(0.98) translateY(-2px); + scale(0.95) translateY(-2px) translateX(-40px); z-index: 0; &::before { @@ -97,6 +97,7 @@ height: 330px; position: relative; z-index: 10; + transform: translateX(-30px); img { width: calc(100% - 42px);