.articles {
    #posts {
        padding: 2rem;

        .article {
            height: auto;
        }
    }
}

.article-show {
    .content-container {
        width: 70%;
        margin: auto;

        p {
            text-align: left;
        }

        img {
            border-radius: var(--size-20px) !important;
            margin: 4rem auto !important;
            max-width: 100% !important;
            height: auto !important;
        }

        .youtube-embed-wrapper {
            border-radius: var(--size-20px) !important;
        }
    }

    .related {
        position: relative;
        padding: 5rem 0;
        background-size: cover;
        background-position: center;

        h2, .article-container {
            z-index: 2;
        }

        .row {
            margin: auto;

            @media (min-width: 992px) {
                width: 75%;
            }
        }

        &::before {
            content: "";
            position: absolute;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            z-index: 1;
        }
    }
}