body,html{background-color:#fafafa!important;color:#000}.flip-card{background:#fafafa;aspect-ratio:9/12;perspective:1000px;cursor:pointer;border-radius:20px}.flip-card-inner{position:relative;width:100%;height:100%;text-align:center;transition:transform .6s;transform-style:preserve-3d;box-shadow:0 15px 30px #00000026;border-radius:20px}.flip-card-front,.flip-card-back{position:absolute;width:100%;height:100%;-webkit-backface-visibility:hidden;backface-visibility:hidden;border-radius:20px;overflow:hidden}.flip-card-front{background-color:#bbb;color:#000}.flip-card-back{background-color:#230f33;color:#fff;transform:rotateY(180deg)}.flip-card:hover .flip-card-inner{transform:rotateY(180deg)}.image-card{height:100%;-o-object-fit:cover;object-fit:cover;border-radius:20px;filter:brightness(.9);transition:all .3s ease;-webkit-transition:all .3s ease;-moz-transition:all .3s ease;-ms-transition:all .3s ease;-o-transition:all .3s ease;-webkit-filter:brightness(.9)}.image-card:hover{transform:scale(105%);-webkit-transform:scale(105%);-moz-transform:scale(105%);-ms-transform:scale(105%);-o-transform:scale(105%);filter:brightness(1);-webkit-filter:brightness(1)}.card-info{color:#fff;width:100%;height:60px;background:linear-gradient(to bottom,transparent,rgba(0,0,0,.4),rgba(0,0,0,.6),rgba(0,0,0,.7))}.card-info div{width:100%;position:absolute;bottom:20%;display:grid;align-items:center}