@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 #content-ontop { z-index: 3000; position: relative; top: -1200px; } body #background-animated { z-index: 2000; position: relative; left: -350px; } body::before { z-index: -1; content: " "; width: 100%; height: 100%; background-repeat: no-repeat; background-size: content; display: block; position: absolute; opacity: 0.5; top: 100px; left: +53px; } 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%; } }