.box { background: #F3F4F9; padding: 20px; border-radius: 20px; margin-bottom: 15px; opacity: 0; transform: translateY(30px); }
.three-boxes .box:last-child{margin-bottom:0;}
.box p.p-big{font-size:88px;line-height:1;margin-bottom:0;}
/* Kolumna z obrazkiem */
.image-column {
    display: flex;
    justify-content: center;
    align-items: center;
    max-height: 100%; /* Kolumna z obrazkiem nie powinna być wyższa niż wysokość innych kolumn */
    overflow: hidden; /* Ukrywa część obrazu, która wychodzi poza kolumnę */
}

/* Kontener z obrazkiem, dopasowuje się do wysokości kolumny */
.image-column .gallery-team {
    display: flex;
    width: 70%;
    height: 100%; /* Wysokość kontenera z obrazkiem dopasowuje się do wysokości kolumny */
    border-radius: 320px;
    background: #ececec;
    justify-content: center;
    overflow: hidden; /* Ukrywa część obrazu, która nie mieści się w kontenerze */
}

/* Obrazek dopasowuje się do kontenera */
.image-column img {
    width: auto; /* Zachowuje proporcje szerokości obrazu */
    max-height: 100%; /* Zapewnia, że obrazek nie będzie wyższy niż wysokość kontenera */
    object-fit: cover; /* Obrazek zachowa proporcje, ale wypełni dostępne miejsce */
}

/* Kolumna z boxami (trzecia kolumna) - dominuje w wysokości */
.col-md-4:last-child {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}
.animated-arrow{overflow:visible;}

@media only screen and (max-width:1280px) {
.image-column .gallery-team{width:100%;}
}

@media only screen and (max-width:768px) {
.image-column .gallery-team{max-height: 480px;margin-bottom:1rem;}
}
