#jobsBanner{
    background: linear-gradient(0deg, rgb(0 0 0 / 60%) 0%, rgba(0, 0, 0, 0.25) 100%), url("../img/banners/team.png"), lightgray -12.493px -447.687px / 100.92% 204.8% no-repeat;
    background-position: bottom center, bottom;
    box-shadow: 0px 0px 8px 0px rgba(0, 0, 0, 0.25);
}

.vocabulary-card{
    position: relative;
    display: flex;
    flex-direction: column;
    max-width: 300px;
    border-radius: 0.5rem;
    border: 1px solid #787878;
    padding: 0;
}

.vocabulary-card img{
    border-radius: 0.5rem 0.5rem 0 0;
}

.vocabulary-card p.description{
    position: absolute;
    top: 0;
    right: 0;
    color: #F8F8F800;
    background-color: #3d8171e5;
    width: 100%;
    height: 0%;
    overflow: hidden;
    padding: 0;
    transition: all 200ms ease-in-out;
}

.vocabulary-card:hover .description{
    width: 100%;
    height: 100%;
    color: #F8F8F8;
    padding: 1.5rem;
    border-radius: 0.5rem;
    
}

.grammar-body{
    background-color: #DDE6ED;
}