.client-list{
    background: #333333;
}
.client-list .panel{
    display:block;
    background-color: #fff;
    padding: 20px;
    transition: .3s;
}
.client-list .panel:hover{
    box-shadow: 0 0 14px 0 #fff;
}
.client-list .panel .img-pos{
    display:block;
    position:relative;
    padding-top: 45%;
}
.client-list .panel img{
    max-width: 100%;
    max-height: 100%;
    position: absolute;
    left:50%;
    top:50%;
    transform: translate(-50%,-50%);
}
.client-list .item{
    margin-bottom: var(--bs-gutter-x);
}
.client-list .list-item{
    margin-bottom: -var(--bs-gutter-x);
}

@media (min-width: 1580px){
    .client-list .item{
        margin-bottom: 50px;
    }
    .client-list .list-item{
        margin-left: -25px;
        margin-right: -25px;
        margin-bottom: -50px;
    }
    .client-list .row .item{
        padding-left: 25px;
        padding-right: 25px;
    }
}