.flip-cards-wrapper{display:flex;flex-direction:row;flex-wrap:wrap;gap:2rem;justify-content:flex-start;padding-right:10vw;padding-block:2rem;width:var(--col-5)}.card{cursor:pointer;perspective:none;width:calc(var(--col-5)/4 - 2rem)}.card-inner{background-color:var(--white);height:410px;transform-style:preserve-3d;transition:transform .8s;width:var(--col-5)}.card:hover .card-inner{transform:rotateY(180deg)}.card-content{-webkit-backface-visibility:hidden;backface-visibility:hidden;display:flex;flex-direction:column;height:100%;justify-content:space-between;position:absolute;width:100%}.card-text{display:flex;flex:1;flex-direction:column;justify-content:flex-start;padding:0 1rem}.card-text h3{font-size:1.5rem;margin:1rem 0 0}.card-text,.card-text h3{color:var(--blue-500)}.card-content-front .card-image{aspect-ratio:3/3;max-height:300px;overflow:hidden;width:100%}.card-content-front{gap:1rem}.card-content-front .card-image img{min-height:100%;object-fit:cover}.card-content-back{align-items:center;background-color:var(--white);height:100%;justify-content:space-around;padding:0 2rem;transform:rotateY(180deg);width:100%}@media screen and (min-width:1025px) and (max-width:1280px){.card-content-front{gap:1rem}.card-inner{height:380px}}@media screen and (max-width:1024px){.flip-cards-wrapper{gap:1rem;padding-right:0}}@media (min-width:641px) and (max-width:1024px){.card{width:calc(50% - 1rem)}.card-inner{max-width:100%}}@media (min-width:320px) and (max-width:640px){.card{width:100%}.card-inner{max-width:100%}}