.half-images {
    position: relative;
    background: #013557;
    /* background: linear-gradient(180deg, #0073BA 0%, #013557 80%); */
    background: linear-gradient(to bottom,  rgba(1,53,87,1) 0%,rgba(23,31,37,1) 87%);
    color: #fff;
}

.half-images h2 {
    color: #fff;
}

.half-images__text,
.half-images__image {
    position: relative;
    width: 100%;
}

.half-images__image {
    z-index: 3;
}

.half-images__text {
    padding: 33px 22px 0;
    color: #fff;
}

.half-images__image-left {
    width: calc(50% - 12px);
    height: 222px;
    margin-left: -5px;
}

.half-images__image-left img {
    clip-path: polygon(25% 0%, 100% 0, 100% 100%, 0 100%, 0% 20%);
}

.half-images__image-right {
    position: absolute;
    width: calc(50% - 2px);
    height: 182px;
    right: 0;
    top: -13px;
    z-index: 1;
}

.half-images__image-right img {
    clip-path: polygon(28% 0%, 100% 0, 100% 100%, 0 100%, 0% 30%);
}


.half-images__image-main {
    position: relative;
    width: 298px;
    margin: 0 auto;
    padding-left: 100px;
    height: 160px;
    margin-top: -110px;
}

.half-images-pattern {
    position: absolute;
    width: 165px;
    height: 147px;
    object-fit: contain;
    right: 0;
    z-index: -1;
}

.half-images__image-wrap {
    max-width: 375px;
    margin: 0 auto;
    position: relative;
    padding-top: 72px;
}

@media (min-width: 768px) {

    .half-images__image-wrap {
        max-width: 600px;
        margin: 0 0 0 auto;
        padding-top: 66px;
    }
    
    .half-images__text {
        padding: 70px 53px 0;
    }
    
    .half-images__image-left {
        width: 286px;
        height: 350px;
        margin-left: -0;
    }
    
    .half-images__image-left img {
        clip-path: polygon(27% 0%, 100% 0, 100% 100%, 0 100%, 0% 20%);
    }
    
    .half-images__image-right {
        width: 292px;
        height: 288px;
        top: -69px;
    }
    
    .half-images__image-main {
        width: 312px;
        margin: 0 60px 0 auto;
        padding-left: 0;
        height: 354px;
        margin-top: -175px;
    }
    
    .half-images-pattern {
        width: 100%;
        height: auto;
    }

    .half-images__text-wrapper .btn {
        margin-top: 12px;
    }
}

@media (min-width: 1200px) {
    .half-images--homepage {
        background: none;
    }

    .half-images--homepage::before {
        content: "";
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        min-height: 1084px;
        background: linear-gradient(135deg,  rgba(1,53,87,1) 30%,rgba(23,31,37,1) 70%);
    }
    
    .half-images__text,
    .half-images__image {
        width: 50%;
    }

    .half-images__text {
        padding: 100px 18px 36px 63px;
    }

    .half-images__text-wrapper {
        margin-left: auto;
        max-width: 613px;
    }

    .half-images__image-wrap {
        max-width: 839px;
        margin: 0 0 0 124px;
        padding-top: 70px;
        z-index: 3;
    }

    .half-images__image-left {
        width: 400px;
        height: 490px;
        margin-left: -0;
    }
    
    .half-images__image-left img {
        clip-path: polygon(25% 0%, 100% 0, 100% 100%, 0 100%, 0% 23%);
    }
    
    .half-images__image-right {
        width: 408px;
        height: 402px;
        top: -117px;
        right: auto;
        left: 432px;
    }
    
    
    .half-images__image-main {
        width: 437px;
        margin: 0 80px 0 auto;
        padding-left: 0;
        height: 355px;
        margin-top: -244px;
    }
    
    .half-images-pattern {
        width: 519px;
        height: auto;
        top: -170px;
        right: -70px;
    }
}