.full-image-half-text {
    position: relative;
    padding: 48px 0;
    z-index: 1;
}

.full-image-half-text__bg {
    position: absolute;
    width: 100%;
    height: 100%;
    z-index: -1;
    object-fit: cover;
    top: 0;
    left: 0;
}

.full-image-half-text::after {
    content: '';
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background: var(--color-black-gray);
    opacity: 0.78;
}

.full-image-half-text__text {
    position: relative;
    z-index: 1;
}

.full-image-half-text__text :where(h2,h3,h5,h6,p,li) {
    color: var(--color-white);
}

.image-dot > svg {
    height: 100%;
    width: 100%;
}

@media (min-width: 768px) {
    .full-image-half-text {
        padding: 64px 0;
    }

    .full-image-half-text__flex {
        padding: 0 58px;
    }

    .full-image-half-text__image-main {
        width: 472px;
        height: 494px;
        position: relative;
        z-index: 1;
    }

    .full-image-half-text__image-main::after {
        content: "";
        position: absolute;
        width: 100%;
        height: 275px;
        bottom: 0;
        left: 0;
        background: rgb(0,0,0);
        background: linear-gradient(0deg, rgba(0,0,0,1) 0%, rgba(0,0,0,0) 100%);
    }

    .full-image-half-text__flex {
        padding: 0;
        display: flex;
        align-items: flex-start;
    }

    .full-image-half-text__image {
        position: relative;
        width: 50%;
        top: -173px;
        height: 494px;
    }

    .full-image-half-text__text {
        padding: 0 56px;
    }

    .cat-logo {
        position: absolute;
        left: 0;
        bottom: 0;
        width: 200px;
        z-index: 1;
    }

    .image-dot {
        position: absolute;
        width: 335px;
        right: 12px;
        bottom: -80px;
        z-index: 1;
    }

   
}

@media (min-width: 1200px) {
    .full-image-half-text__text {
        width: 50%;
        padding: 0 0 0 15px;
    }

    .full-image-half-text {
        padding: 96px 0;
    }
}

@media (min-width: 1600px) {
    .full-image-half-text__image-main {
        width: 545px;
        height: 570px;
    }

    .full-image-half-text__image {
        top: 0;
        height: 570px;
        max-width: 697px;
        width: 42%;
        margin-top: -164px;
    }

    .image-dot {
        width: 387px;
        right: 0;
        bottom: -80px;
    }

    .cat-logo {
        width: 231px;
    }

    .full-image-half-text__text {
        max-width: 894px;
        width: 58%;
    }
}