.grid.core {
    grid-gap: 1rem;
}

.grid.core p {
    background: linear-gradient(90deg, #f5f5f5, #95959561);
    border-radius: 0.5rem;
    display: inline-block;
    padding: 0.75rem 1.5rem;
}

.schools_grid {
    grid-template-columns: repeat(2, 1fr);

}

.schools_grid div {
    display: inline-flex;
    position: relative;
    justify-content: center;
    align-items: center;
    overflow: hidden;
    color: #3a3e42;
}

@media only screen and (min-width: 981px) {
    .schools_grid div:hover span:first-of-type:not(:last-of-type) {
        display: none;
    }

    .schools_grid div:hover span:nth-of-type(2) {
        opacity: 1;
        font-size: initial;
        line-height: 1.5rem;
        color: #ffffff;
    }

    .schools_grid span:after {

        background-color: rgba(255, 255, 255, 0.5);

    }

    .schools_grid div:hover span:nth-of-type(2):after {
        background-color: rgba(48, 127, 108, 0.8);
    }
}

@media only screen and (max-width: 780px) {

    .schools_grid {
        grid-template-columns: repeat(1, 1fr);

    }


}