.flip{position:relative;width:295px;height:369px;}.flip>.front,.flip>.back{display:block;transition-duration:.5s;transition-property:transform,opacity;}.flip>.front{top:0;position:absolute;z-index:999;transform:rotateY(0deg);}.flip>.back{position:absolute;z-index:888;opacity:0;top:0;left:0;width:100%;height:100%;transform:rotateY(-180deg);}@media all and (min-width:48em){.flip{width:390px;height:455px;}}@media all and (min-width:48em){.flip:hover>.front:not(.noflip){transform:rotateY(180deg)!important;opacity:0!important;z-index:888;}.flip:hover>.back:not(.noflip){opacity:1!important;transform:rotateY(0deg)!important;z-index:999;}}@media all and (max-width:48em){.rotate-front{opacity:0!important;transform:rotateY(180deg)!important;z-index:888!important;}.rotate-back{transform:rotateY(0)!important;opacity:1!important;z-index:999!important;}.reset-front{opacity:0!important;transform:rotateY(1)!important;z-index:999!important;}.reset-back{transform:rotateY(180)!important;opacity:0!important;z-index:888!important;}}.flip{position:relative;display:inline-block;flex:0 0 auto;}.flip>.front,.flip>.back{display:block;color:#3a3a3a;width:inherit;background-size:cover!important;background-position:center!important;background:#fff;}.flip>.front{padding:1px;}.flip>.back{background:linear-gradient(rgba(0,75,108,.8),rgba(0,75,108,.8));background-blend-mode:multiply;color:#fff;}