.body-class-post-type-archive-blog {
    background-color: #010101;
    background-image: none;
}

.body-class-post-type-archive-blog .section-porftolio-head {
    background-image: var(--archive-blog-bg);
    background-position: center top;
    background-repeat: no-repeat;
    background-size: contain;
    height: 0;
    padding-top: 40%;
    overflow: visible;
}

.body-class-post-type-archive-blog .secton-image-header-title {
    top: auto;
    bottom: 10%;
}

.body-class-post-type-archive-blog .section-portfolio-games.section-blog-list {
    margin-top: 48px;
}

@media all and (max-width: 767px) {
    .body-class-post-type-archive-blog .section-porftolio-head {
        background-image: var(--archive-blog-bg-mobile, var(--archive-blog-bg));
        height: auto;
        min-height: clamp(380px, 100vw, 480px);
        padding-top: 0;
        padding-bottom: 80px;
        background-size: contain;
        background-position: center top;
    }

    .body-class-post-type-archive-blog .secton-image-header-title {
        bottom: 80px;
    }
}

@media all and (max-width: 576px) {
    .body-class-post-type-archive-blog .section-porftolio-head {
        min-height: clamp(440px, 100vw, 580px);
        padding-bottom: 88px;
    }
    .body-class-post-type-archive-blog .section-portfolio-games.section-blog-list {
        margin-top: 0px;
    }
}