main:not(.home) { @media screen and (min-width: 768px) { padding: 1.5rem 0 !important; } @media screen and (min-width: 992px) { padding: 4rem 0 !important; } } // body { position: relative; &::before { z-index: -1; content: " "; width: 100%; height: 100%; // background-image: url("../images/croix_fond.svg"); // background-size: content; display: block; position: absolute; top: 0; left: 0; } &::after { z-index: -1; content: " "; width: 100%; height: 100%; background: linear-gradient( to top, rgba(255, 255, 255, 0.8), white, rgba(255, 255, 255, 0.8) ); display: block; position: absolute; transform: translateY(-50%); top: 50%; left: 0; } } article { .__title { // @include croix_or; } &.publications, &.interviews { margin-top: 1rem; .paragraph--type--images { img { max-width: 100%; max-height: 400px; object-fit: contain; @media screen and (min-width: 992px) { width: 100%; } } } } } h4 { // @include croix_or; }