.article-detail {
    width: 80vw;
    margin: 0 auto;
    text-align: justify;
    line-height: 1.5rem;

    .media {
        max-width: 800px;
        margin: 0 auto;

        .gallery {
            display: flex;
            flex-direction: column;
            gap: 10px;

            @media (min-width: 600px) {
                flex-direction: row;
            }

            a {
                display: block;
                line-height: 0;
                overflow: hidden;
                border-radius: 4px;

                img {
                    width: 100%;
                    transition: transform 350ms ease;

                    &:hover {
                        transform: scale(1.2);
                    }
                }
            }
        }

        video {
            margin-top: 10px;
            width: 100%;
        }
    }
}