.vc-grid-image .vc-grid-image-wrapper{
    display: grid;
    grid-template-columns: 50% 50%;
}
.vc-grid-image .vc-grid-image-wrapper .grid-image-item{ 
    grid-column: span 1;
    grid-row: span 1;
    position: relative;
    height: calc(50vh - 150px);
}
.vc-grid-image .vc-grid-image-wrapper .grid-image-item .grid-img{ position: relative; height: 100%; }
.vc-grid-image .vc-grid-image-wrapper .grid-image-item .grid-img img{ width: 100%; height: 100%; display: block; object-fit: cover; object-position: center; }
.vc-grid-image .vc-grid-image-wrapper .grid-image-item:nth-child(1){
    grid-column: span 1;
    grid-row: span 2;
    height: calc(100vh - 300px);
}

.vc-grid-image .text-wrap{ background:RGBA(33, 37, 41, 0.45); position:absolute; left:0; top:0; width:100%; height:100%; padding:30px; display: flex; 
    /* flex-wrap: wrap; */
    flex-direction: column; 
    transition: background 0.5s ease-in-out;
}
.vc-grid-image .item--button a { background: rgba(0, 0, 0, 0); border: 2px solid #fff; color: #fff; font-size: 20px; line-height: 1.4; display: inline-block; padding: 15px 25px; border-radius: 5px; font-weight: 500;  }
.vc-grid-image .item--button a::after{ content: ""; width: 10px; height: 10px; border: 3px solid #fff; border-left: 0px; border-bottom: 0px; display: inline-block; transform-origin: center; transform: rotate(45deg); vertical-align: middle; margin: -4px 0 0 15px;  }
.vc-grid-image .item--text{ color: #fff; width: 100%; max-width: 560px; font-size: 26px; line-height: 1.45; margin-bottom: 30px; margin-top: auto; }

.vc-grid-image .vc-grid-image-wrapper .grid-image-item .grid-video{ height: 100%; position: relative; min-height: 300px; }
.vc-grid-image .vc-grid-image-wrapper .grid-image-item .grid-video iframe{ position: absolute; left: 0; top: 0; width: 100% !important; height: 100% !important; }
.vc-grid-image .text-wrap:hover{ background:RGBA(33, 37, 41, 0); }

.vc-grid-image .grid-image-item:nth-child(1) .text-wrap{ background:RGBA(33, 37, 41, 0); }
.vc-grid-image:hover .grid-image-item:nth-child(1) .text-wrap{ background:RGBA(33, 37, 41, 0.45); }
.vc-grid-image .grid-image-item:nth-child(1) .text-wrap:hover{ background:RGBA(33, 37, 41, 0); }

@media(max-width:1300px){
    .vc-grid-image .item--text { font-size: 21px; margin-bottom: 15px;}
    .vc-grid-image .item--button a { font-size: 15px; padding: 12px 20px;}
    .vc-grid-image .item--button a::after { width: 7px; height: 7px;}
    .vc-grid-image .text-wrap{ padding: 20px; }

    .vc-grid-image .vc-grid-image-wrapper .grid-image-item{ 
        height: calc(50vh - 80px);
    }
    .vc-grid-image .vc-grid-image-wrapper .grid-image-item:nth-child(1){
        height: calc(100vh - 160px);
    }
}




@media(max-width:1100px){
    .vc-grid-image .vc-grid-image-wrapper {
        display: flex;
        flex-wrap: wrap;
    }
    .vc-grid-image .vc-grid-image-wrapper .grid-image-item{ width: 50%; height: auto; }
    .vc-grid-image .vc-grid-image-wrapper .grid-image-item:nth-child(1){ width: 100%; height: auto;}
    .vc-grid-image .vc-grid-image-wrapper .grid-image-item:nth-child(1) .grid-img img{ max-height: 320px; height: 320px; }
    .vc-grid-image .vc-grid-image-wrapper .grid-image-item .grid-img img{ height: 200px; }
    .vc-grid-image .vc-grid-image-wrapper .grid-image-item .grid-video{ min-height: 200px; }
    .vc-grid-image .vc-grid-image-wrapper .grid-image-item:nth-child(2) .text-wrap{ display:none; }
    .vc-grid-image .vc-grid-image-wrapper .grid-image-item:nth-child(3) .text-wrap{ display:none; }
    .vc-grid-image .item--text { font-size: 21px; margin-bottom: 15px;}
    .vc-grid-image .item--button a { font-size: 15px; padding: 12px 20px;}
    .vc-grid-image .item--button a::after { width: 7px; height: 7px;}
}

@media(max-width:767px){
    .vc-grid-image .vc-grid-image-wrapper {
        display: flex;
        flex-wrap: wrap;
    }
    .vc-grid-image .vc-grid-image-wrapper .grid-image-item{ width: 50% }
    .vc-grid-image .vc-grid-image-wrapper .grid-image-item:nth-child(1){ width: 100% }
    .vc-grid-image .vc-grid-image-wrapper .grid-image-item:nth-child(1) .grid-img img{ max-height: 250px; height: 250px; }
    .vc-grid-image .vc-grid-image-wrapper .grid-image-item .grid-img img{ height: 120px; }
    .vc-grid-image .vc-grid-image-wrapper .grid-image-item .grid-video{ min-height: 120px; }
    .vc-grid-image .vc-grid-image-wrapper .grid-image-item:nth-child(2) .text-wrap{ display:none; }
    .vc-grid-image .vc-grid-image-wrapper .grid-image-item:nth-child(3) .text-wrap{ display:none; }
    .vc-grid-image .item--text { font-size: 21px; margin-bottom: 15px;}
    .vc-grid-image .item--button a { font-size: 15px; padding: 12px 20px;}
    .vc-grid-image .item--button a::after { width: 7px; height: 7px;}
}