.flip-card {
    background-color: transparent;
    width: 100%;
    height: fit-content;
    perspective: 1000px;
    float : left;
}
  
.flip-card-inner {
    position: relative;
    width: 100%;
    text-align: center;
    transition: transform 0.6s;
    transform-style: preserve-3d;
    /*box-shadow: 0 4px 8px 0 rgba(0,0,0,0.2);*/
    height: fit-content;
    float: left;
}

.flip-card:hover .flip-card-inner img{
    width: 100%;
    height: auto;
}

.flip-card:hover .flip-card-inner, .flip-card.flipped .flip-card-inner {
    transform: rotateY(180deg);
}
.flip-card-front{
    transform: translateY(-100%);
    margin-bottom: -120%!important;
}
.flip-card-front, .flip-card-back {
    position: relative;
    width: 100%;
    float: left;
    display: block;
    height: fit-content;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
}

.flip-card-front {
    color: black;
}

.flip-card-back {
    color: white;
    transform: rotateY(180deg);
  }