/* Base: image fills its container, keeps aspect ratio */
.staff.img img,
.team.img {
    display: block;
    width: 475px;
    height: auto;
    object-fit: cover; /* optional: crop instead of distort if container is fixed */
    position: relative !important;
}

/* Small screens (phones) */
@media (max-width: 500px) {
    .staff.img {
        max-width: 320px;   /* adjust as needed */
        margin: 0 auto;
    }
    .team img {
        max-width: 450px;   /* adjust as needed */
        margin: 0 auto;
    }
}

/* Medium screens (tablets) */
@media (max-width: 800px) {
    .staff.img {
        max-width: 520px;
    }
    .team img {
        max-width: 725px;   /* adjust as needed */
        margin: 0 auto;
    }
}

/* Larger screens (desktops) */
@media (max-width: 1024px) {
    .staff.img {
        max-width: 665px;
    }
    .team img {
        max-width: 460px;
    }
}

/* Big desktops */
@media (min-width: 1025px) {
    .staff.img {
        max-width: 600px; /* adjust as needed */
    }
    .team img {
        max-width: 800px; /* adjust as needed */
    }
}