/* =========================================================
   DIGBANG — BLOG HERO
========================================================= */

.db-blog-hero {
    position: relative;

    width: calc(100% - 120px);
    max-width: 1320px;

    height: auto;
    aspect-ratio: 1320 / 590;

    margin: 24px auto 0;

    overflow: hidden;

    border-radius: 24px;

    direction: rtl;
    box-sizing: border-box;
}


.db-blog-hero__image {
    display: block;

    width: 100%;
    height: 100%;

    object-fit: cover;
    object-position: center;

    border-radius: inherit;
}


/* =========================================================
   TABLET
========================================================= */

@media (max-width: 1399px) {

    .db-blog-hero {
        width: calc(100% - 64px);
    }

}


/* =========================================================
   MOBILE
========================================================= */

@media (max-width: 767px) {

    .db-blog-hero {
        width: calc(100% - 32px);
        max-width: none;

        margin-top: 20px;

        border-radius: 16px;
    }

}