.container{display:flex;flex-wrap:wrap;gap:20px;justify-content:center}.inner-container{perspective:900px}.main{height:400px;position:relative;transform-style:preserve-3d;transition:all .5s ease-in-out;width:300px}.main:hover{transform:rotateY(180deg)}.main div{align-items:center;border:2pt solid #0082ca;border-radius:25px;box-sizing:border-box;color:silver;display:flex;flex-direction:column;font-size:24px;gap:20px;height:100%;justify-content:flex-start;left:0;padding:20px;position:absolute;text-align:center;top:0;width:100%}.back h4,.front h4{color:#333;font-size:1.2rem;margin:0}img{height:auto;max-height:250px;object-fit:contain;width:100%}.front{backface-visibility:hidden;z-index:2}.back,.front{background-color:#fff;box-shadow:0 -2px 0 0 #0082ca,1px 8px 25px -10px rgba(0,0,0,.75)}.back{backface-visibility:visible;transform:rotateY(180deg);z-index:1}