img.rotate-base {
    display: block;
    transform-origin: center center;
    transition: transform 0.3s ease;
}

.rotate-0  {
    transform: rotate(0deg);
}
.rotate-90 { transform: rotate(90deg); }
.rotate-180 { transform: rotate(180deg); }
.rotate-270 { transform: rotate(270deg); }


.image-wrapper {
    width: 90%;
    height: 500px;
    overflow: hidden;
    border: 1px solid #ccc;
    position: relative;
    cursor: grab;
    margin-top: 10px;
}

.zoom-img {
    position: absolute;
    top: 0;
    left: 0;
    transform-origin: center center;
    transition: transform 0.3s ease;
}

.controls {
    margin-bottom: 10px;
}


.controls button {
    margin-right: 5px;
}