.text-wrap-balance {
    text-wrap: balance;
}

.profile-image-wrapper {
    max-height: 500px;
    width: 100%;
    height: 100%;
    overflow: hidden;
}

.profile-image-wrapper img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: left bottom;
    border-radius: var(--bs-border-radius);
}

.business-position {
    font-size: var(--fs-h6);
    color: var(--bs-gray-800);
    text-transform: uppercase;
    letter-spacing: 0.05em;
    font-weight: bold;
}

@media (min-width: 992px) {
    .profile-image-wrapper {
        max-height: none;
    }

}


.employee-card {
    display: grid;
    grid-template-rows: clamp(350px, calc(100vw - 2rem), 400px) auto;
    grid-template-columns: 100%;
    max-width: 1200px;
    margin: 0 auto;
}


.employee-card .card-image-wrapper img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
    border-radius: var(--bs-border-radius);
}

.employee-card .card-image-wrapper.img-right img {
    object-position: right !important;
}

.employee-card .card-image-wrapper.img-left img {
    object-position: left !important;
}

.employee-card .card-image-wrapper.img-top-right img {
    object-position: right !important;
}

.employee-card .card-image-wrapper.img-top-left img {
    object-position: left !important;
}

.employee-card .card-image-wrapper.img-bottom-right img {
    object-position: right !important;
}

.employee-card .card-image-wrapper.img-bottom-left img {
    object-position: left !important;
}


@media (min-width: 768px) {
    .employee-card {
        display: grid;
        grid-template-columns: clamp(200px, 30vw, 300px) 1fr;
        grid-template-rows: auto;
        gap: 3rem;
    }

    .employee-card .card-image-wrapper {
        width: 100%;
        height: 100%;
        overflow: hidden;
    }

    
}