.flip-box-container{perspective:1000px}.flip-box-inner{width:100%;height:400px;position:relative;transition:opacity 0.6s ease-in-out}@media (max-width:767px){.flip-box-inner{height:300px}}.flip-box-front,.flip-box-back{position:absolute;width:100%;height:100%;backface-visibility:hidden;padding:30px}.flip-box-front{opacity:1}.flip-box-back{background-color:#000;color:#fff;opacity:0;transition:opacity 0.6s ease-in-out}.flip-box-front{background-color:#fff;color:#000}.flip-box-container:hover .flip-box-front{opacity:0}.flip-box-container:hover .flip-box-back{opacity:1}