.contact-photo {
    width: 100%;
    max-width: 250px;
    display: block;
}
.contact-photo-wrapper {
    width: 30%;              /* ~30% of current column width */
    max-width: 250px;
    aspect-ratio: 3 / 4;     /* same height ratio for all portraits */
    border: 2px solid #ff751f;  /* matches site accent color */
    border-radius: 8px;
    overflow: hidden;        /* crop images to same height */
    margin-top: 10px;
    margin-bottom: 5px;
    margin-left: 0;
}

.contact-photo-wrapper .contact-photo {
    width: 100%;
    height: 100%;
    object-fit: cover;       /* fills box, keeps images visually consistent */
    display: block;
}

/* Optional: make photos a bit larger on mobile so they’re not too tiny */
@media (max-width: 767px) {
    .contact-photo-wrapper {
        width: 60%;
        margin-left: auto;
        margin-right: auto;
    }
}