.clients {
    display: flex;
    flex-wrap: wrap;
}

.insyte-box {
    background: black;
    background-size: cover;
    width: calc(50% - 4px);
    height: 300px;
    float: left;
    margin: 2px;
    -webkit-filter: grayscale(100%);
    transition: all .8s;
}

.insyte-logo {
    width: 100%;
    height: 100%;
    display: block;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center center;
    background-color: rgba(0, 0, 0, .6);
    transition: all .5s;
}

.insyte-box:hover {
    -webkit-filter: grayscale(0%);
}

.insyte-box:hover .insyte-logo {
    background-color: rgba(0, 0, 0, .3);
}

@media(max-width: 767px) {
    .insyte-box {
        width: 100%;
    }
}