.company-cards {
display: flex;
flex-direction: column;
max-height: 95vh;
overflow-y: auto;
padding: 10px;
}
.company-cards ul {
width: 33% !important;
margin: auto;
}
.company-cards ul li {
display: flex;
align-items: center;
justify-content: center;
margin: auto;
margin-bottom: 20px;
flex-direction: column;
text-align: center;
width: 100%;
border-radius: 10px;
color: white;
cursor: pointer;
transition: 400ms;
box-shadow: 0 0 10px gray;
padding: 10px;
}
.company-cards ul li {
font-size: 30px;
font-weight: 700;
}
.company-cards ul li:hover {
transform: scale(1.1, 1.1);
}
/*
.company-cards ul li:not(:hover):has(~ li:hover) {
filter: blur(2px);
transform: scale(0.9, 0.9);
}
*/
.company-cards ul li:hover ~ li {
/* filter: blur(2px); */
transform: scale(0.9, 0.9);
}