.container{background-attachment:fixed;background-size:cover;background-position:50%;background-color:hsla(0,0%,100%,.07);padding:80px 0;text-align:center}.container:before{position:absolute;left:0;top:0;width:100%;height:100%;background:rgba(99,99,99,.8);content:""}.container .header{width:100%;text-align:center;margin-bottom:80px;position:relative}.container .header .title{color:#fff;font-size:46px;font-weight:400;margin:0}.container .header .subtitle{color:hsla(0,0%,100%,.5);font-size:16px;letter-spacing:5px;margin:10px 0 0;font-weight:400}.wrapper{width:100%;height:100%;padding:20px;display:flex;align-content:center;justify-content:center;gap:32px;flex-wrap:wrap}.card,.wrapper{position:relative}.card{width:270px;height:385px;border-radius:18px;overflow:hidden;box-shadow:0 5px 10px rgba(0,0,0,.2);transition:.3s;transform-style:preserve-3d;transition:.5s;transition:transform .6s}.card.is-flipped .front{transform:rotateY(180deg)!important}.card.is-flipped .back{transform:rotateY(0deg)}.card>div{position:absolute;width:100%;height:100%;-webkit-backface-visibility:hidden;backface-visibility:hidden;transform-style:preserve-3d;transition:.6s ease-in-out}.card .back{transform:rotateY(-180deg);background:#fff;color:#222;display:flex;align-items:center;justify-content:center;font-weight:700}.card .front:hover{transform:scale(1.1)}.card img{width:100%;height:100%;object-fit:cover;transition:.3s}