.random-faculty-grid {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 24px;
    padding: 55px 7% 45px;
    margin-bottom: 50px;
    margin-left: auto;
    margin-right: auto;
    max-width: 1905px;
}

.random-faculty-grid h2 {
    grid-column: span 4;
}

.faculty-card {
    position: relative;
    overflow: hidden;
}

.faculty-card::after {
    background-color: #0033ff54;
    content: "";
    aspect-ratio: 1.13 / 1;
    left: 0;
    mix-blend-mode: multiply;
    position: absolute;
    top: 0;
    transform: translateX(101%);
    transition: all .2s ease-in-out;
    width: 100%;
    z-index: 9999999;
    pointer-events: none;
}

.faculty-card:hover::after {
    transform: translateX(0);
}

.faculty-card img {
    width:100%;
    height: auto;
    aspect-ratio:1.13 / 1;
    object-fit:cover;
    object-position:50% 20%;
}

@media screen and (max-width: 1050px)  {
    .random-faculty-grid {
        grid-template-columns: repeat(2, 1fr);
    }
    .random-faculty-grid h2 {
        grid-column: span 2;
    }
}

@media screen and (max-width: 767px)  {
    .random-faculty-grid {
        grid-template-columns: 1fr;
    }
    .random-faculty-grid h2 {
        grid-column: span 1;
    }
}