.header-banner {
    --banner-height: 56px;

    width: 100%;
    background-position: center center;

    .header-banner__link {
        height: var(--banner-height);
        display: flex;
        align-items: center;
        justify-content: center;
        background-size: cover;
        position: relative;
    }

    .header-banner__img {
        min-width: fit-content;
        height: var(--banner-height);
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
    }

    @media screen and (min-width: 740px) {
        --banner-height: 72px;
    }
}