@media screen and (min-width: 768px) { main:not(.home) { padding: 1.5rem 0 !important; } } @media screen and (min-width: 992px) { main:not(.home) { padding: 4rem 0 !important; } } body { position: relative; } body::before { z-index: -1; content: " "; width: 100%; height: 100%; background-image: url("../images/fond-ronds.svg"); background-repeat: no-repeat; background-size: content; display: block; position: absolute; top: 0; left: 0; } article.publications, article.interviews { margin-top: 1rem; } article.publications .paragraph--type--images img, article.interviews .paragraph--type--images img { max-width: 100%; max-height: 400px; object-fit: contain; } @media screen and (min-width: 992px) { article.publications .paragraph--type--images img, article.interviews .paragraph--type--images img { width: 100%; } }