body {
  background: url('/img/notes.png') repeat;
}

.card img {
  height: 250px;
  object-fit: cover;
}

.offcanvas-backdrop.show {
    opacity: 0.8;
}

.officer-img {
    width: 100%;
    aspect-ratio: 4 / 3;   /* or 1 / 1 for square */
    object-fit: cover;
}

/* Mobile-friendly adjustment */
@media (max-width: 576px) {
    .officer-img {
        height: 180px;
    }
}