.bubbles{align-items:center;display:flex;justify-content:center}.bubble{float:left;height:300px;margin-left:-1rem;margin-right:-1rem;perspective:500px;position:relative;width:300px}.bubble .back,.bubble .front{padding:1rem}.bubble:hover{z-index:999!important}.bubble-left .front{border-radius:45px 15px}.bubble-left .back,.bubble-right .front{border-radius:15px 45px}.bubble-right .back{border-radius:45px 15px}.content{height:100%;position:absolute;transform-style:preserve-3d;transition:transform 1s;width:100%}.bubble:hover .content{transform:rotateY(180deg);transition:transform .5s}.back,.front{align-items:center;backface-visibility:hidden;display:flex;height:100%;justify-content:center;position:absolute;text-align:center;width:100%}.back{transform:rotateY(180deg)}