body > section,
body > header,
body > footer {
    overflow-x: hidden;
    contain: content;
}

#site-nav {
    overflow-y: hidden;
}

.svg-icon {
    width: 1em;
    height: 1em;
    vertical-align: sub;
}

.blog-post .col-sm-3 a,
.featured-image {
    display: block;
    aspect-ratio: 16/10;
    overflow: hidden;
    position: relative;
}

.blog-post .col-sm-3 img,
.featured-image img {
    object-fit: cover;
    height: 100%;
    width: 100%;
}

#home {
    height: 100vh;
}

img {
    height: auto;
}