.ruaqb-image-grid {
    display: grid;
    display: -moz-grid;

    grid-template-columns: repeat(var(--ruaqb-image-cell-count), 1fr);
    grid-template-rows: repeat(var(--ruaqb-image-cell-count), 1fr);

    position: relative;
    overflow: hidden;

    width:  var(--ruaqb-image-grid-size);
    height: var(--ruaqb-image-grid-size);
}

.ruaqb-image-cell {
    width: 100%;
    height: 100%;
    
    background-size: var(--ruaqb-image-grid-size) var(--ruaqb-image-grid-size);
    background-repeat: no-repeat;

    border: 0.2rem grey solid !important;
}

.ruaqb-image-cell:hover {
    cursor: pointer;
    scale: 1.05;
}

.ruaqb-image-grid .ruaqb-image-cell:nth-child(1)  { background-position:   0%   0%; }
.ruaqb-image-grid .ruaqb-image-cell:nth-child(2)  { background-position: +33.3333%   0%; }
.ruaqb-image-grid .ruaqb-image-cell:nth-child(3)  { background-position: +66.6666%   0%; }
.ruaqb-image-grid .ruaqb-image-cell:nth-child(4)  { background-position: +100%   0%; }

.ruaqb-image-grid .ruaqb-image-cell:nth-child(5)  { background-position:   0%   33.3333%; }
.ruaqb-image-grid .ruaqb-image-cell:nth-child(6)  { background-position: +33.3333%   33.3333%; }
.ruaqb-image-grid .ruaqb-image-cell:nth-child(7)  { background-position: +66.6666%   33.3333%; }
.ruaqb-image-grid .ruaqb-image-cell:nth-child(8)  { background-position: +100%   33.3333%; }

.ruaqb-image-grid .ruaqb-image-cell:nth-child(9)  { background-position:   0%   66.6666%; }
.ruaqb-image-grid .ruaqb-image-cell:nth-child(10) { background-position: +33.3333%   66.6666%; }
.ruaqb-image-grid .ruaqb-image-cell:nth-child(11) { background-position: +66.6666%   66.6666%; }
.ruaqb-image-grid .ruaqb-image-cell:nth-child(12) { background-position: +100%   66.6666%; }

.ruaqb-image-grid .ruaqb-image-cell:nth-child(13) { background-position:   0%   100%; }
.ruaqb-image-grid .ruaqb-image-cell:nth-child(14) { background-position: +33.3333%   100%; }
.ruaqb-image-grid .ruaqb-image-cell:nth-child(15) { background-position: +66.6666%   100%; }
.ruaqb-image-grid .ruaqb-image-cell:nth-child(16) { background-position: +100%   100%; }

.ruaqb-image-cell-selected {
    scale: 0.8 !important;
}