.gallery {

    .post:hover .post-title h2 {
        text-decoration: underline;
    }

    .post {
        .post-title {
            & {
                position: relative;
                display: flex;
                flex-direction: column;
                align-items: center;
                justify-content: center;
                padding: 1rem 0;
                height: 5rem !important;
                margin-bottom: 0.5ex !important;

                &>* {
                    z-index: 1;
                }
            }

            h2 {
                color: var(--foreground) !important;
                height: auto !important;
                font-size: 1.25rem !important;
            }

            .background {
                position: absolute;

                width: calc(100% + 1ex);
                height: calc(100% + 0.5ex);
                background-size: cover !important;
                background-position: center !important;
                backdrop-filter: blur(10px);

                border-radius: 0.25rem 0.25rem 0 0;

                top: -0.5ex;
                left: -0.5ex;

                filter: blur(1px) saturate(0.5);
                opacity: 0.8;
                z-index: 0;
            }
        }

        .post-meta {
            color: var(--light-gray) !important;
            line-height: 1.5em;
        }
    }
}