.mozaic-base {
    position: relative;
    width: 100%;
    aspect-ratio: 16 / 9;
}

.mozaic-piece {
    position: absolute;
    cursor: pointer;
    transition: .1s;
    z-index: 500;

}

.mozaic-piece.active {
    box-shadow: 0 0 20px #000;
    transform: scale(1.1);
    z-index: 510;
}

.mozaic-body .close {
    display: none;
}

.mozaic-fullscreen {
    position: fixed;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    overflow: auto;
    background: rgba(255, 255, 255, .8);
    z-index: 1050;
}

.mozaic-fullscreen .mozaic-body {
    max-width: 1200px;
    margin-left: auto;
    margin-right: auto;
    padding: 10px 20px;
}

.mozaic-fullscreen .mozaic-body .close {
    display: inline-block;
}

.mozaic-fullscreen .mozaic-body .fullscreen {
    display: none;
}