.breadcrumb {
    background-image: linear-gradient(rgba(0,0,0,0.3), rgba(0,0,0,0.3)), url('/images/institution-bg.webp');
    background-size: cover;
    background-position: center;
}

.institution-cards {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(250px, 1fr));
    grid-gap: 24px;
}

.institution-card {
    transition: all .5s ease;
    overflow: hidden;
    background-color: #fff;
}

.institution-card img {
    width: 100%;
    height: 190px;
}

.institution-info {
    padding: 4px 8px 12px 8px;
}

.institution-card span {
    font-size: var(--sub-text);
    margin: 4px 0;
}

.institution-card:hover h3 {
    color: var(--primary-color);
}