


.image-with-content{
    .image-with-content_main {
        display: flex;
        width: 100%;
        flex-wrap: wrap;
    }
    .img_cont_blocks_image {
        width: 100%;
    }
    .img_cont_blocks_image img {
        width: 100%;
        height: auto;
        display: block;
        object-fit: contain;
        transition: all .3s ease-out;
    }
    .img_cont_blocks_cont {
        position: absolute;
        bottom: 20px;
        padding: 20px;
    }
    .img_cont_blocks {
        position: relative;
        flex: 0 0 50%;
        max-width: 50%;
        overflow: hidden;
    }
    .title{
        color: var(--color);
        line-height: 1.2;
    }
    .title.title3 {
        font-size: 50px;
    }
    .desc{
        color:#ffffff95;
        margin: 0;
        font-size: 20px;
        line-height: 1.5;
        margin-top: 10px;
        margin-bottom: 20px;
    }
    a.button {
        color: var(--btn-color);
        background: var(--btn-bg);
        border-radius: 999px;
        padding: 10px 36px;
        font-size: 20px;
        font-weight: 400;
        line-height: 1.3;
        text-transform: capitalize;
    }
    a.button::after ,
    a.button::before {
        content: unset;
    }
    .img_cont_blocks:hover img {
        transform: scale(1.05);
    }
    @media (min-width:1720px){
        .img_cont_blocks_cont {
            left: 10%;
        }
    }
    @media (max-width:749px) {
        .img_cont_blocks{
            flex: 0 0 100%;   
            max-width: 100%;
        }
        .title.title3{
            font-size: 28px;
        }
        .desc{
            font-size: 14px;
            margin-top: 8px;
            margin-bottom: 10px;
        }
        a.button{
            padding: 8px 30px;
            font-size: 16px;
        }
        .img_cont_blocks_cont{
            bottom: 5px;
        }
    }
}


@media(min-width:1440px){
    .image-with-content {
        height: 90vh;
    }
    .image-with-content_main {
        overflow: hidden;
        height: 100%;
    }
    .img_cont_blocks {
        height: 100%;
    }
    .img_cont_blocks_image {
        height: 100%;
    }
    .img_cont_blocks_image img {
        height: 100%;
    }
}