.flip-wrapper-container{display:flex;flex-wrap:wrap;justify-content:space-between;gap:1rem}.flip-wrapper{display:flex;flex-direction:column;width:calc(25% - 1rem);margin-bottom:1rem;vertical-align:top}@media (max-width:768px){.flip-wrapper{width:calc(50% - 1rem)}}@media (max-width:400px){.flip-wrapper{width:100%}}.flip-card{width:100%;height:250px;transition:transform .6s;transform-style:preserve-3d;position:relative}.flip-back,.flip-front{position:absolute;backface-visibility:hidden;box-shadow:0 4px 10px rgba(0,0,0,.1);overflow:hidden}.flip-back,.flip-front,.flip-front img{width:100%;height:100%;border-radius:1rem}.flip-front img{-o-object-fit:cover;object-fit:cover}.flip-back{background-color:#f0f0f0;color:#333;font-size:1rem;transform:rotateY(180deg);padding:1rem;display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%}.flip-back,.flip-back p{text-align:center;overflow:hidden;word-wrap:break-word}.flip-back p{margin:0;text-overflow:ellipsis;white-space:normal;flex-grow:1;display:block}.flip-wrapper:hover .flip-card{transform:rotateY(180deg)}