.card{position:relative;width:100%;aspect-ratio:4/3;border-radius:8px;overflow:hidden;transition:all .5s ease}.card:hover{transform:scale(1.02);box-shadow:0 4px 18px 0 rgba(0,0,0,.25)}.card__content{position:absolute;top:0;left:0;width:100%;height:100%;background-color:rgba(219,131,0,.9);border-radius:8px;display:flex;justify-content:center;align-items:center;text-align:center;transform:rotateY(-90deg);transform-origin:right;transition:all 1s cubic-bezier(.4,0,.2,1);opacity:0;z-index:1}.card:hover .card__content{transform:rotateY(0deg);opacity:1}.card__title{color:#fff;font-size:2rem;font-weight:700;font-family:Montserrat,sans-serif}.card:hover img{transform:scale(1.1);transition:transform 1s cubic-bezier(.4,0,.2,1)}