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{ 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; }