.trombinoscope-block--wrap{
    display: flex;
    /* mobile defaults use CSS variables set inline on the wrapper */
    margin-top: var(--fs-mt-mobile, 0);
    margin-bottom: var(--fs-mb-mobile, 0);
    padding: 0;
    justify-content: center;
    width: 100%;
}
@media (min-width: 768px) {
    .trombinoscope-block--wrap {
        /* desktop defaults use CSS variables set inline on the wrapper */
        margin-top: var(--fs-mt-desktop, 0);
        margin-bottom: var(--fs-mb-desktop, 0);
    }
}
.trombi-container{
    display: flex;
    flex-direction: column;
    gap: 3rem;
    width: 100%;
}
.trombi-services{
    display: flex;
    flex-direction: column;
    gap: 3rem;
}
.trombi-service{
    display: flex;
    flex-direction: column;
    gap: 2rem;
}
.trombi-service h3{
    font-size: var(--wp--preset--font-size--l-title);
}
.trombi-employees{
    display: flex;
    flex-wrap: wrap;
    gap: 1%;
}
.trombi-employee{
    display: flex;
    flex-direction: column;
    align-items: center;
    width: 24%;
    aspect-ratio: 2/3;
    margin-bottom: 0.75rem;
    position: relative;
    overflow: hidden;
    cursor: pointer;
}
@media (max-width: 768px){
    .trombi-employee{
        width: 48%;
    }
}
@media (max-width: 480px){
    .trombi-employee{
        width: 48%;
        aspect-ratio: 1/2;
    }
}
.trombi-employee::after{
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: linear-gradient(to bottom, rgba(0,0,0,0) 0%, rgba(0,0,0,0) 60%, rgba(0,0,0,0.8) 100%);
    opacity: 1;
    transition: opacity .6s ease;
}
.trombi-employee__image img{
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 110%;
    height: 110%;
    object-fit: cover;
    transition: height .6s ease, width .6s ease;
}
@media (max-width: 576px){
    .trombi-employee__image img{
        width: 100%;
        height: 100%;
    }
}
.trombi-employee:hover .trombi-employee__image img{
    width: 100%;
    height: 100%;
}
.trombi-employee__info{
    display: flex;
    flex-direction: column;
    gap: 0.5rem;
    position: absolute;
    bottom: 1rem;
    left: 1rem;
    color: var(--wp--preset--color--white);
    z-index: 1;
}
.trombi-employee__name{
    font-size: var(--wp--preset--font-size--l-title);
    font-weight: 500;
}
.trombi-employee__job{
    font-size: var(--wp--preset--font-size--m-text);
}