*{box-sizing:border-box}body{font-family:Arial,Helvetica,sans-serif}.flip-card,.flip-card-front img{background-color:transparent;width:12vw;height:12vw;perspective:1000px}.flip-card h1{font-size:1.5vw;margin:5px;font-weight:700}.flip-card p{font-size:1vw}.flip-card-inner{position:relative;width:100%;height:100%;text-align:center;transition:transform .6s;transform-style:preserve-3d;box-shadow:0 4px 8px #0003}.flip-card:hover .flip-card-inner{transform:rotateY(180deg)}.flip-card-front,.flip-card-back{position:absolute;width:100%;height:100%;backface-visibility:hidden}.flip-card-front{background-color:#bbb0;color:#000}.flip-card-back{background-color:#1f9257;color:#fff;transform:rotateY(180deg)}.column{float:left;width:20%;padding:1px}.row:after{content:"";clear:both;display:table}