.logos-holder a{
    position: initial;
}

.main-logo {
    background-image: url(/wp-content/uploads/2021/03/controlin_logo.png);
    background-image: url(/wp-content/uploads/2021/03/controlin_logo.png.webp);
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
    width: 204px;
    height: 164px;
    position: absolute;
    left:calc(50% - 102px);
    top:calc(50% - 82px)

}

.logo1 {
    background-image: url(/wp-content/uploads/2021/03/logo_rotated.png);
    background-image: url(/wp-content/uploads/2021/03/logo_rotated.png.webp);
    background-position: center;
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
    width: 204px;
    height: 164px;
    position: absolute;
    left: calc(44% - 102px);
    top: calc(15% - 82px);
}

.logo2 {
    background-image: url(/wp-content/uploads/2021/03/logo_rotated.png);
    background-image: url(/wp-content/uploads/2021/03/logo_rotated.png.webp);
    background-position: center;
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
    width: 204px;
    height: 164px;
    position: absolute;
    left: calc(72% - 102px);
    top: calc(10% - 82px);
}

.logo3 {
    background-image: url(/wp-content/uploads/2021/03/logo_rotated.png);
    background-image: url(/wp-content/uploads/2021/03/logo_rotated.png.webp);
    background-position: center;
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
    width: 204px;
    height: 164px;
    position: absolute;
    left: calc(77% - 102px);
    top: calc(47% - 82px);
}

.logo4 {
    background-image: url(/wp-content/uploads/2021/03/logo_normal.png);
    background-image: url(/wp-content/uploads/2021/03/logo_normal.png.webp);
    background-position: center;
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
    width: 204px;
    height: 164px;
    position: absolute;
    left: calc(80% - 102px);
    top: calc(82% - 82px);
}

.logo5 {
    background-image: url(/wp-content/uploads/2021/03/logo_rotated.png);
    background-image: url(/wp-content/uploads/2021/03/logo_rotated.png.webp);
    background-position: center;
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
    width: 204px;
    height: 164px;
    position: absolute;
    left: calc(55% - 102px);
    top: calc(90% - 82px);
}

.logo6 {
    background-image: url(/wp-content/uploads/2021/03/logo_normal.png);
    background-image: url(/wp-content/uploads/2021/03/logo_normal.png.webp);
    background-position: center;
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
    width: 204px;
    height: 164px;
    position: absolute;
    left: calc(25% - 102px);
    top: calc(69% - 82px);
}

.logo7 {
    background-image: url(/wp-content/uploads/2021/03/logo_rotated.png);
    background-image: url(/wp-content/uploads/2021/03/logo_rotated.png.webp);
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
    width: 204px;
    height: 164px;
    position: absolute;
    left: calc(18% - 102px);
    top: calc(32% - 82px);
}


.logo.active {
    filter: grayscale(0%); 
    opacity: 1;
}

.logo {
    display: flex;
    justify-content: center;
    filter: grayscale(100%); 
    opacity: 0.4;
    transition: 0.3s;
}

.logo:hover {
    filter: grayscale(0%); 
    opacity: 1;
}

.logo picture {
    align-self: center;
    max-width: 121px;
    max-height: 50px;
    margin-bottom: 0px;
}

.logo img {
    align-self: center;
    max-width: 121px;
    max-height: 50px;
    margin-bottom: 0px;
}

.logos {
    min-height: 500px;
}


@media only screen and (max-width: 1100px) {

    .logos {
        min-height: 400px;
    }

    .logos .logos-holder{
        transform: scale(0.5);
        height: 500px;
        width: 800px;
        position: absolute;
        top: -50px;
    }
}