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