.maincontainer{height:400px;max-width:500px;min-height:600px}.maincontainer-title{font-weight:300!important;font-size:1.5rem!important}.front img{padding:20% 0}.back p{position:absolute;font-size:16px}.front h3{position:absolute;padding:50%;top:350px;color:#121e3f}.maincontainer>.front{transform:perspective(600px) rotateY(0deg)}.maincontainer>.back,.maincontainer>.front{position:absolute;border:5px solid #3357b5;width:100%;height:100%;-webkit-backface-visibility:hidden;backface-visibility:hidden;transition:transform .5s linear 0s}.maincontainer>.back{transform:perspective(600px) rotateY(180deg);background:#fff;color:#121e3f}.maincontainer:hover>.front{transform:perspective(600px) rotateY(-180deg)}.maincontainer:hover>.back{transform:perspective(600px) rotateY(0deg)}