/* note changed bkg of zoomViewport on this page to match faded drawing */
.zoomViewport, html {
  background-color:#e4d4bb;
}




/*This file has the positions of the zoomTarget(s) for each image.*/
/* Keyimage8 - original aspect ratio: 0.6 - ver 20210126 */
.zoomTarget[data-index="1"] {
    position:absolute;
    top: 11%;
    left: 20%;
    width: 50%;
    height: 50%;
/* border:1px solid pink; */
}

/* 
.overlay[data-index="1"] {
  position: absolute;
  top: 24.5%;
  left: 8%;
  width: 31%;
  height: 18.9%;
  border: 0px solid maroon;
  border-radius: 50%;
} 
 */

  
.zoomTarget[data-index="2"] {
    position:absolute;
    top: 0%;
    left: 25%;
    width: 50%;
    height: 50%;
    /* border:5px solid red; */
}

/* 
.overlay[data-index="2"] {
  	position: absolute;
    top: 1%;
    left: 1%;
    width: 53%;
    height: 49%;
    border: 2px solid maroon;
  	border-radius: 0%;
}
 */
    
   
.zoomTarget[data-index="3"] {
    position:absolute;
    top: 5%;
    left: 28%;
    width: 22%;
    height: 22%;
    /* border:10px solid green; */
}

/* 
.overlay[data-index="3"] {
    position: absolute;
    top: 1%;
    left: 1%;
    width: 53%;
    height: 49%;
    border: 2px solid maroon;
  	border-radius: 0%;
}
 */


.zoomTarget[data-index="4"] {
    position:absolute;
    top: 20%;
    left:15%;
    width: 70%;
    height: 70%;
    /* border:1px solid blue; */
}


/* this overlay contains an image */
/* 
.overlay[data-index="4"] {
  position: absolute;
    top: 0%;
    left: 0%;
    width: 100%;
    height: 100%;
}
 */

.zoomTarget[data-index="5"] {
    position:absolute;
    top: 0%;
    left: 0%;
    width: 100%;
    height: 100%;
    /* border:1px solid lime; */
}

/* this overlay contains an image */
/* 
.overlay[data-index="5"] {
  position: absolute;
    top: 0%;
    left: 0%;
    width: 100%;
    height: 100%;
}
 */



.zoomTarget[data-index="6"] {
    position:absolute;
    top: 0%;
    left: 0%;
    width: 100%;
    height: 100%;
/*  border:1px solid tan; */
}

.zoomTarget[data-index="7"] {
    position:absolute;
    top: 0%;
    left: 0%;
    width: 100%;
    height: 100%;
/*  border:1px solid tan; */
}