.flip-card{background-color:transparent;width:300px;height:420px}.flip-cardsec{display:flex;justify-content:space-around}.flip-card-inner{position:relative;width:100%;height:80%;text-align:center;transition:transform .6s;transform-style:preserve-3d;box-shadow:0 4px 8px 0 rgba(0,0,0,.2);border:10px solid rgb(2,88,169);border-radius:20px}.flip-card:hover .flip-card-inner{transform:rotateY(180deg)}.flip-card-back,.flip-card-front{padding:20px;position:absolute;width:100%;height:80%;-webkit-backface-visibility:hidden;backface-visibility:hidden}.flip-card-front{background-color:#000000;color:rgb(255,255,255)}.flip-card-back{background-color:#000000;color:white;transform:rotateY(180deg)}@media only screen and (max-width:768px){.flip-cardsec{padding-bottom:1rem;display:grid;grid-gap:20px;gap:20px}.flip-card{height:290px}.flip-card-inner{height:100%}}