@charset "UTF-8";
/* CSS Document */
.flip-card {
   box-shadow: 0 4px 4px rgba(0, 0, 0, 0.1);
   background-color: white;
   /* perspective: 1000px; */
   position: relative;
}

.flip-card-inner {
   position: relative;
   width: 100%;
   height: 100%;
}

.flip-card:hover .flip-card-front {
   opacity: 0;
   transition: opacity 0.6s;
}

.flip-card-front, .flip-card-back {
   position: absolute;
   width: 100%;
   height: 100%;
   backface-visibility: hidden;
   transition: opacity 0.6s;
}

.flip-card-front {
   background-color: #fff;
   color: black;
   z-index: 2;
}

.flip-card-back {
   opacity: 0;
   z-index: 1;
}

.flip-card-back .caption{
   font-size: 1rem;
}

.flip-card:hover .flip-card-back {
   opacity: 1;
}