.l5gambar {
    position: relative;
    top: 0;
    left: 0;
  }
  
  .l5image1 {
    position: relative;
    top: 0;
    left: 10%;
    width: 80%;
  }
  
  .l5zone1 {
    position: absolute;
    top: 84%;
    left: 15%;
    height: 8%;
    
  }
  
  .l5zone2 {
    position: absolute;
    top: 84%;
    left: 28%;
    height: 8%;
    
  }
  
  .l5zone3 {
    position: absolute;
    top: 84%;
    left: 41%;
    height: 8%;
    
  }
  
  .l5zone4 {
    position: absolute;
    top: 84%;
    left: 54%;
    height: 8%;
    
  }
  
  .l5zone5 {
    position: absolute;
    top: 84%;
    left: 67%;
    height: 8%;
    
  }
  
  .l5zone6 {
    position: absolute;
    top: 84%;
    left: 79%;
    height: 8%;
    
  }

  /*  ---------------------------------------------LEVEL 3 */

  .l3gambar {
    position: relative;
    top: 0;
    left: 0;
  }
  
  .l3image1 {
    position: relative;
    top: 0;
    left: 10%;
    width: 80%;
  }
  
  .l3zone1 {
    position: absolute;
    top: 84%;
    left: 13%;
    height: 8%;
    
  }
  
  .l3zone2 {
    position: absolute;
    top: 84%;
    left: 23%;
    height: 8%;
    
  }
  
  .l3zone3 {
    position: absolute;
    top: 84%;
    left: 33%;
    height: 8%;
    
  }
  
  .l3zone4 {
    position: absolute;
    top: 84%;
    left: 43%;
    height: 8%;
    
  }
  
  .l3zone5 {
    position: absolute;
    top: 84%;
    left: 53%;
    height: 8%;
    
  }
  
  .l3zone6 {
    position: absolute;
    top: 84%;
    left: 62%;
    height: 8%;
    
  }

  .l3zone7 {
    position: absolute;
    top: 84%;
    left: 72%;
    height: 8%;
    
  }

  .l3zone8 {
    position: absolute;
    top: 84%;
    left: 81%;
    height: 8%;
    
  }