.cards{
    width: 20vw;
    flex: 0 1 40%;
    background: transparent;
    border: 0;
}
.cards > img{
    width: 100%;
}

#card-container{
    position: relative;
    width: 86vw;
    /* height: 26vw; */
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    /* transform: translateX(-50%); */
    /* left: 50%; */
    top: 16%;
    column-gap: 1vw;
    row-gap: 2vw;
}