/* ============================================================
   About Us — baner pełna szerokość
   ============================================================ */

.about-us-baner {
    display: block;
    width: 100%;
    overflow: hidden;
    line-height: 0; /* usuwa gap pod img */
}

/* Link — pełna szerokość, bez underline */
.about-us-baner__link {
    display: block;
    text-decoration: none;
    line-height: 0;
}

/* <picture> jako blok pełnej szerokości */
.about-us-baner__picture {
    display: block;
    width: 100%;
    line-height: 0;
}

/* Zdjęcie — pełna szerokość, zachowuje proporcje */
.about-us-baner__img {
    display: block;
    width: 100%;
    height: auto;
    object-fit: cover;
    transition: opacity 0.3s ease;
}

/* Subtelny efekt hover gdy jest link */
.about-us-baner__link:hover .about-us-baner__img {
    opacity: 0.92;
}