@media screen and (max-width: 767px) {
    .post-cover {
        border: 0;
        margin: 0 auto;
        padding: 0 0 1em 0;
        border-bottom: 1px solid var(--accent);
    }
}

@media (min-width: 768px) {

    .post-cover {
        float: right;
        border: 0;
        margin: 0 0 1em 1em;
        padding: 1em;
        filter: drop-shadow(5px 5px 5px rgba(0, 0, 0, 0.2));
    }
}


[lang="he"] {
    .post {
        text-align: right;
    }

    .navigation-menu__inner > li:not(:last-of-type) {
        margin-left: 20px;
        margin-right: 0;
    }
}