.pizza-img:hover{
    transition: transform 1.5s ease;
    transform: skew(-10deg, 25deg);
}

.pop-up{
    position: absolute;
    top: 25%;
    left: 0;
    width: 25%;
    height: 10%;

    background-color: rgba(0, 0, 0, 0.5);
    text-align: center;
    color: white;

    justify-content: center;
    align-items: center;

    z-index: 99;
    animation: pop-up 1s ease-in, fade-out 1s ease-in 3s forwards;
}

.pizza-img:active{
    animation: jigglePizza 1s;
}

@keyframes jigglePizza{
    0% {transform: skew(-10deg, 25deg)}
    25% {transform: skew(0deg, 15deg);}
    50% {transform: scale(1.2);}
    75% {transform: skew(-20deg, 35deg);}
    100% {transform: skew(-10deg, 25deg);}
}

@keyframes pop-up{
    from { width: 0; }
    to   { width: 25%; }
}

@keyframes fade-out{
    from { opacity: 1; }
    to   { opacity: 0; visibility: hidden; }
}

.flash-card-left:hover, .flash-card:hover{
    transform: skew(5deg, 1deg) scale(1.025);
}

.flash-card-right:hover{
    transform: skew(-5deg, -1deg) scale(1.025);
}