.coin-a-golden-dozen.coin-elem { 
  width: 20%;
  height: 20%;  
} 
 
.coin-a-golden-dozen:nth-child(1) {
   background-image: url('../dataimg/mv_2rufiyaa_rev.jpg');  
}
 
.coin-a-golden-dozen:nth-child(2) {
   background-image: url('../dataimg/mv_2rufiyaa_obv.jpg');  
}
 
.coin-a-golden-dozen:nth-child(3) {
   background-image: url('../dataimg/mv_2rufiyaa_rev.jpg');  
}
 
.coin-a-golden-dozen:nth-child(4) {
   background-image: url('../dataimg/mv_2rufiyaa_obv.jpg');  
}
 
.coin-a-golden-dozen:nth-child(5) {
   background-image: url('../dataimg/mv_2rufiyaa_rev.jpg');  
}
 
.coin-a-golden-dozen:nth-child(6) {
   background-image: url('../dataimg/mv_2rufiyaa_obv.jpg');  
}
 
.coin-a-golden-dozen:nth-child(7) {
   background-image: url('../dataimg/mv_2rufiyaa_rev.jpg');  
}
 
.coin-a-golden-dozen:nth-child(8) {
   background-image: url('../dataimg/mv_2rufiyaa_obv.jpg');  
}
 
.coin-a-golden-dozen:nth-child(9) {
   background-image: url('../dataimg/mv_2rufiyaa_rev.jpg');  
}
 
.coin-a-golden-dozen:nth-child(10) {
   background-image: url('../dataimg/mv_2rufiyaa_obv.jpg');  
}
 
.coin-a-golden-dozen:nth-child(11) {
   background-image: url('../dataimg/mv_2rufiyaa_rev.jpg');  
}
 
.coin-a-golden-dozen:nth-child(12) {
   background-image: url('../dataimg/mv_2rufiyaa_obv.jpg');  
}
 
.coin-a-golden-dozen:nth-child(13) {
   background-image: none;
   pointer-events: none; 
}
 
.coin-a-golden-dozen:nth-child(14) {
   background-image: none;
   pointer-events: none; 
}
 
.coin-a-golden-dozen:nth-child(15) {
   background-image: none;
   pointer-events: none; 
}
 
.coin-a-golden-dozen:nth-child(16) {
   background-image: none;
   pointer-events: none; 
}
 
.coin-a-golden-dozen:nth-child(17) {
   background-image: none;
   pointer-events: none; 
}
 
.coin-a-golden-dozen:nth-child(18) {
   background-image: none;
   pointer-events: none; 
}
 
.coin-a-golden-dozen_1 {
  top: 20.0%;
  left: 30.0%;
}
 
.coin-a-golden-dozen_2 {
  top: 20.0%;
  left: 50.0%;
}
 
.coin-a-golden-dozen_3 {
  top: 20.0%;
  left: 70.0%;
}
 
.coin-a-golden-dozen_4 {
  top: 40.0%;
  left: 30.0%;
}
 
.coin-a-golden-dozen_5 {
  top: 40.0%;
  left: 50.0%;
}
 
.coin-a-golden-dozen_6 {
  top: 40.0%;
  left: 70.0%;
}
 
.coin-a-golden-dozen_7 {
  top: 60.0%;
  left: 30.0%;
}
 
.coin-a-golden-dozen_8 {
  top: 60.0%;
  left: 50.0%;
}
 
.coin-a-golden-dozen_9 {
  top: 60.0%;
  left: 70.0%;
}
 
.coin-a-golden-dozen_10 {
  top: 80.0%;
  left: 30.0%;
}
 
.coin-a-golden-dozen_11 {
  top: 80.0%;
  left: 50.0%;
}
 
.coin-a-golden-dozen_12 {
  top: 80.0%;
  left: 70.0%;
}
 
.coin-a-golden-dozen_13 {
  top: 6.0%;
  left: 50.0%;
}
 
.coin-a-golden-dozen_14 {
  top: 20.0%;
  left: 50.0%;
}
 
.coin-a-golden-dozen_15 {
  top: 40.0%;
  left: 50.0%;
}
 
.coin-a-golden-dozen_16 {
  top: 60.0%;
  left: 50.0%;
}
 
.coin-a-golden-dozen_17 {
  top: 80.0%;
  left: 50.0%;
}
 
.coin-a-golden-dozen_18 {
  top: 94.0%;
  left: 50.0%;
}
 
    .arrow {
    color: #f2f2f2;
    font-size: 50px;
    position: absolute;
    left: 50%;
    transform: translate(-50%, -50%);
    opacity: 0;
    user-select: none;
}

.arrow-up {
    top: 20%;
}

.arrow-down {
    top: 80%;
}