.image-container {
    position: relative;
    display: inline-block;
    width: 100%;
}

.magnifier {
    position: absolute;
    pointer-events: none;
    border: 2px solid #fff;
    border-radius: 50%;
    width: 200px;
    height: 200px;
    display: none;
    box-shadow: 0 0 10px rgba(0,0,0,0.3);
    background-repeat: no-repeat;
    z-index: 1000;
}

.magnifiable {
    width: 100%;
    height: 100%;
    object-fit: cover;
}