.flip-container{perspective:1000px;width:400px;height:400px;margin:auto;position:relative}.flipper{position:relative;width:100%;height:100%;transform-style:preserve-3d;transition:transform 0.6s}.flip-container:hover .flipper{transform:rotateY(180deg)}.front,.back{backface-visibility:hidden;position:absolute;top:0;left:0;width:100%;height:100%;border-radius:50px}.front{z-index:2;transform:rotateY(0deg)}.back{transform:rotateY(180deg);background-color:#000;display:flex;justify-content:center;align-items:center;padding:20px;box-sizing:border-box;border-radius:50px}.back-content{text-align:center}img{width:100%;height:100%;display:block;border-radius:50px}@media (max-width:768px){.flip-container{max-width:100%}.flipper{height:auto}.front,.back{height:auto;border-radius:50px}.back{padding:10px}img{height:auto;max-width:100%;border-radius:50px}}.pagination{display:flex;justify-content:center;align-items:center;margin:20px 0}.page-link{text-decoration:none;color:#0cf57e;padding:10px 15px;margin:0 5px;border:1px solid #0cf57e;border-radius:5px;font-size:10px;transition:background-color 0.3s,color 0.3s}.page-link:hover{background-color:#007BFF;color:#ffffff}.page-link.active{background-color:#0cf57e;color:#0cf57e;border:1px solid #0056b3}.page-link.disabled{color:#cccccc;border:1px solid #cccccc;pointer-events:none}