@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%; display: block; position: absolute; top: 0; left: 0; } body::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.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%; } }