#collageImageContext {
    position: absolute;
    /* top: 30px; */
    width: 352px;
    height: 500px;
    overflow-y: scroll;
}

#collageContext img:hover {
    cursor: pointer;
    background-color: #808080;
}


/*---------------------------------------------*/
/* grid image 1 */
.gridImage1Row {
    display: -ms-flexbox;
    /* IE 10 */
    display: flex;
    -ms-flex-wrap: wrap;
    /* IE 10 */
    flex-wrap: wrap;
    /* padding: 0 0 2px 0; */
}

/* Create two equal columns that sits next to each other */
.gridImage1Column {
    -ms-flex: 49%;
    /* IE 10 */
    flex: 49%;
    /* padding: 0 2px; */
}

.gridImage1Column img {
    /* margin-top: 4px; */
    vertical-align: middle;
    object-fit: cover;
    width: 100%;
    height: 100%;
    /* padding: 0 0 2px 0; */
}

#gridImage1 #gridImage1Row1Column1 [type="file"] {
    cursor: pointer;
    position: absolute;
    opacity: 0;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    width: 50%;
    height: 60%;
}

#gridImage1Row1Column1EditButton {
    z-index: 9999;
    position: absolute;
    top: 2%;
    left: 2%;
    background-color: white;
    opacity: 0.6;
    font-weight: bold;
    font-size: 200%;
    width: 100px;
    height: 50px;
    border: 6px solid rgb(61, 120, 236);
}

#gridImage1Row1Column1EditButton:hover {
    cursor: pointer;
    border: 6px solid rgb(78, 204, 99);
}

#gridImage1Row1Column1ResetButton {
    z-index: 9999;
    position: absolute;
    top: 2%;
    left: 12%;
    background-color: white;
    opacity: 0.6;
    font-weight: bold;
    font-size: 200%;
    width: 100px;
    height: 50px;
    border: 6px solid rgb(61, 120, 236);
}

#gridImage1Row1Column1ResetButton:hover {
    cursor: pointer;
    border: 6px solid rgb(78, 204, 99);
}

/* ---- */
#gridImage1 #gridImage1Row2Column1 [type="file"] {
    cursor: pointer;
    position: absolute;
    opacity: 0;
    top: 60%;
    right: 0;
    bottom: 0;
    left: 0;
    width: 50%;
    height: 40%;
}

#gridImage1Row2Column1EditButton {
    z-index: 9999;
    position: absolute;
    top: 61%;
    left: 2%;
    background-color: white;
    opacity: 0.6;
    font-weight: bold;
    font-size: 200%;
    width: 100px;
    height: 50px;
    border: 6px solid rgb(61, 120, 236);
}

#gridImage1Row2Column1EditButton:hover {
    cursor: pointer;
    border: 6px solid rgb(78, 204, 99);
}

/* --- */
#gridImage1Row2Column1ResetButton {
    z-index: 9999;
    position: absolute;
    top: 61%;
    left: 12%;
    background-color: white;
    opacity: 0.6;
    font-weight: bold;
    font-size: 200%;
    width: 100px;
    height: 50px;
    border: 6px solid rgb(61, 120, 236);
}

#gridImage1Row2Column1ResetButton:hover {
    cursor: pointer;
    border: 6px solid rgb(78, 204, 99);
}

/* --- */
#gridImage1 #gridImage1Row1Column2 [type="file"] {
    cursor: pointer;
    position: absolute;
    opacity: 0;
    top: 0;
    right: 0;
    bottom: 0;
    left: 50%;
    width: 50%;
    height: 50%;
}

#gridImage1Row1Column2EditButton {
    z-index: 9999;
    position: absolute;
    top: 2%;
    left: 52%;
    background-color: white;
    opacity: 0.6;
    font-weight: bold;
    font-size: 200%;
    width: 100px;
    height: 50px;
    border: 6px solid rgb(61, 120, 236);
}

#gridImage1Row1Column2EditButton:hover {
    cursor: pointer;
    border: 6px solid rgb(78, 204, 99);
}

#gridImage1Row1Column2ResetButton {
    z-index: 9999;
    position: absolute;
    top: 2%;
    left: 62%;
    background-color: white;
    opacity: 0.6;
    font-weight: bold;
    font-size: 200%;
    width: 100px;
    height: 50px;
    border: 6px solid rgb(61, 120, 236);
}

#gridImage1Row1Column2ResetButton:hover {
    cursor: pointer;
    border: 6px solid rgb(78, 204, 99);
}

/* --- */
#gridImage1 #gridImage1Row2Column2 [type="file"] {
    cursor: pointer;
    position: absolute;
    opacity: 0;
    top: 50%;
    right: 0;
    bottom: 0;
    left: 50%;
    width: 50%;
    height: 20%;
}

#gridImage1Row2Column2EditButton {
    z-index: 9999;
    position: absolute;
    top: 51%;
    left: 52%;
    background-color: white;
    opacity: 0.6;
    font-weight: bold;
    font-size: 200%;
    width: 100px;
    height: 50px;
    border: 6px solid rgb(61, 120, 236);
}

#gridImage1Row2Column2EditButton:hover {
    cursor: pointer;
    border: 6px solid rgb(78, 204, 99);
}

#gridImage1Row2Column2ResetButton {
    z-index: 9999;
    position: absolute;
    top: 51%;
    left: 62%;
    background-color: white;
    opacity: 0.6;
    font-weight: bold;
    font-size: 200%;
    width: 100px;
    height: 50px;
    border: 6px solid rgb(61, 120, 236);
}

#gridImage1Row2Column2ResetButton:hover {
    cursor: pointer;
    border: 6px solid rgb(78, 204, 99);
}

/* --- */
#gridImage1 #gridImage1Row3Column2 [type="file"] {
    cursor: pointer;
    position: absolute;
    opacity: 0;
    top: 70%;
    right: 0;
    bottom: 0;
    left: 50%;
    width: 50%;
    height: 30%;
}

#gridImage1Row3Column2EditButton {
    z-index: 9999;
    position: absolute;
    top: 71%;
    left: 52%;
    background-color: white;
    opacity: 0.6;
    font-weight: bold;
    font-size: 200%;
    width: 100px;
    height: 50px;
    border: 6px solid rgb(61, 120, 236);
}

#gridImage1Row3Column2EditButton:hover {
    cursor: pointer;
    border: 6px solid rgb(78, 204, 99);
}

#gridImage1Row3Column2ResetButton {
    z-index: 9999;
    position: absolute;
    top: 71%;
    left: 62%;
    background-color: white;
    opacity: 0.6;
    font-weight: bold;
    font-size: 200%;
    width: 100px;
    height: 50px;
    border: 6px solid rgb(61, 120, 236);
}

#gridImage1Row3Column2ResetButton:hover {
    cursor: pointer;
    border: 6px solid rgb(78, 204, 99);
}

/*---------------------------------------------*/
/* grid image 2 */
.gridImage2Row {
    display: -ms-flexbox;
    /* IE 10 */
    display: flex;
    -ms-flex-wrap: wrap;
    /* IE 10 */
    flex-wrap: wrap;
}

/* Create two equal columns that sits next to each other */
.gridImage2Column {
    -ms-flex: 49%;
    /* IE 10 */
    flex: 49%;
}

.gridImage2Column img {
    vertical-align: middle;
    object-fit: cover;
    width: 100%;
    height: 100%;
}

/* --- */
#gridImage2 #gridImage2Row1Column1 [type="file"] {
    cursor: pointer;
    position: absolute;
    opacity: 0;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    width: 50%;
    height: 60%;
}

#gridImage2Row1Column1EditButton {
    z-index: 9999;
    position: absolute;
    top: 2%;
    left: 2%;
    background-color: white;
    opacity: 0.6;
    font-weight: bold;
    font-size: 200%;
    width: 100px;
    height: 50px;
    border: 6px solid rgb(61, 120, 236);
}

#gridImage2Row1Column1EditButton:hover {
    cursor: pointer;
    border: 6px solid rgb(78, 204, 99);
}

#gridImage2Row1Column1ResetButton {
    z-index: 9999;
    position: absolute;
    top: 2%;
    left: 12%;
    background-color: white;
    opacity: 0.6;
    font-weight: bold;
    font-size: 200%;
    width: 100px;
    height: 50px;
    border: 6px solid rgb(61, 120, 236);
}

#gridImage2Row1Column1ResetButton:hover {
    cursor: pointer;
    border: 6px solid rgb(78, 204, 99);
}

/* --- */
#gridImage2 #gridImage2Row2Column1 [type="file"] {
    cursor: pointer;
    position: absolute;
    opacity: 0;
    top: 60%;
    right: 0;
    bottom: 0;
    left: 0;
    width: 50%;
    height: 40%;
}

#gridImage2Row2Column1EditButton {
    z-index: 9999;
    position: absolute;
    top: 62%;
    left: 2%;
    background-color: white;
    opacity: 0.6;
    font-weight: bold;
    font-size: 200%;
    width: 100px;
    height: 50px;
    border: 6px solid rgb(61, 120, 236);
}

#gridImage2Row2Column1EditButton:hover {
    cursor: pointer;
    border: 6px solid rgb(78, 204, 99);
}

#gridImage2Row2Column1ResetButton {
    z-index: 9999;
    position: absolute;
    top: 62%;
    left: 12%;
    background-color: white;
    opacity: 0.6;
    font-weight: bold;
    font-size: 200%;
    width: 100px;
    height: 50px;
    border: 6px solid rgb(61, 120, 236);
}

#gridImage2Row2Column1ResetButton:hover {
    cursor: pointer;
    border: 6px solid rgb(78, 204, 99);
}

/* --- */
#gridImage2 #gridImage2Row1Column2 [type="file"] {
    cursor: pointer;
    position: absolute;
    opacity: 0;
    top: 0;
    right: 0;
    bottom: 0;
    left: 50%;
    width: 50%;
    height: 60%;
}

#gridImage2Row1Column2EditButton {
    z-index: 9999;
    position: absolute;
    top: 2%;
    left: 52%;
    background-color: white;
    opacity: 0.6;
    font-weight: bold;
    font-size: 200%;
    width: 100px;
    height: 50px;
    border: 6px solid rgb(61, 120, 236);
}

#gridImage2Row1Column2EditButton:hover {
    cursor: pointer;
    border: 6px solid rgb(78, 204, 99);
}

#gridImage2Row1Column2ResetButton {
    z-index: 9999;
    position: absolute;
    top: 2%;
    left: 62%;
    background-color: white;
    opacity: 0.6;
    font-weight: bold;
    font-size: 200%;
    width: 100px;
    height: 50px;
    border: 6px solid rgb(61, 120, 236);
}

#gridImage2Row1Column2ResetButton:hover {
    cursor: pointer;
    border: 6px solid rgb(78, 204, 99);
}

/* --- */
#gridImage2 #gridImage2Row2Column2 [type="file"] {
    cursor: pointer;
    position: absolute;
    opacity: 0;
    top: 60%;
    right: 0;
    bottom: 0;
    left: 50%;
    width: 50%;
    height: 40%;
}

#gridImage2Row2Column2EditButton {
    z-index: 9999;
    position: absolute;
    top: 52%;
    left: 52%;
    background-color: white;
    opacity: 0.6;
    font-weight: bold;
    font-size: 200%;
    width: 100px;
    height: 50px;
    border: 6px solid rgb(61, 120, 236);
}

#gridImage2Row2Column2EditButton:hover {
    cursor: pointer;
    border: 6px solid rgb(78, 204, 99);
}

#gridImage2Row2Column2ResetButton {
    z-index: 9999;
    position: absolute;
    top: 52%;
    left: 62%;
    background-color: white;
    opacity: 0.6;
    font-weight: bold;
    font-size: 200%;
    width: 100px;
    height: 50px;
    border: 6px solid rgb(61, 120, 236);
}

#gridImage2Row2Column2ResetButton:hover {
    cursor: pointer;
    border: 6px solid rgb(78, 204, 99);
}

/*---------------------------------------------*/
/* grid image 3 */
.gridImage3Row {
    display: -ms-flexbox;
    /* IE 10 */
    display: flex;
    -ms-flex-wrap: wrap;
    /* IE 10 */
    flex-wrap: wrap;
}

/* Create two equal columns that sits next to each other */
.gridImage3Column {
    -ms-flex: 49%;
    /* IE 10 */
    flex: 49%;
}

.gridImage3Column img {
    vertical-align: middle;
    object-fit: cover;
    width: 100%;
    height: 100%;
}

#gridImage3 #gridImage3Row1Column1 [type="file"] {
    cursor: pointer;
    position: absolute;
    opacity: 0;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    width: 50%;
    height: 50%;
}

#gridImage3Row1Column1EditButton {
    z-index: 9999;
    position: absolute;
    top: 2%;
    left: 2%;
    background-color: white;
    opacity: 0.6;
    font-weight: bold;
    font-size: 200%;
    width: 100px;
    height: 50px;
    border: 6px solid rgb(61, 120, 236);
}

#gridImage3Row1Column1EditButton:hover {
    cursor: pointer;
    border: 6px solid rgb(78, 204, 99);
}

#gridImage3Row1Column1ResetButton {
    z-index: 9999;
    position: absolute;
    top: 2%;
    left: 12%;
    background-color: white;
    opacity: 0.6;
    font-weight: bold;
    font-size: 200%;
    width: 100px;
    height: 50px;
    border: 6px solid rgb(61, 120, 236);
}

#gridImage3Row1Column1ResetButton:hover {
    cursor: pointer;
    border: 6px solid rgb(78, 204, 99);
}

/* --- */
#gridImage3 #gridImage3Row2Column1 [type="file"] {
    cursor: pointer;
    position: absolute;
    opacity: 0;
    top: 50%;
    right: 0;
    bottom: 0;
    left: 0;
    width: 50%;
    height: 50%;
}

#gridImage3Row2Column1EditButton {
    z-index: 9999;
    position: absolute;
    top: 52%;
    left: 2%;
    background-color: white;
    opacity: 0.6;
    font-weight: bold;
    font-size: 200%;
    width: 100px;
    height: 50px;
    border: 6px solid rgb(61, 120, 236);
}

#gridImage3Row2Column1EditButton:hover {
    cursor: pointer;
    border: 6px solid rgb(78, 204, 99);
}

#gridImage3Row2Column1ResetButton {
    z-index: 9999;
    position: absolute;
    top: 52%;
    left: 12%;
    background-color: white;
    opacity: 0.6;
    font-weight: bold;
    font-size: 200%;
    width: 100px;
    height: 50px;
    border: 6px solid rgb(61, 120, 236);
}

#gridImage3Row2Column1ResetButton:hover {
    cursor: pointer;
    border: 6px solid rgb(78, 204, 99);
}

/* --- */
#gridImage3 #gridImage3Row1Column2 [type="file"] {
    cursor: pointer;
    position: absolute;
    opacity: 0;
    top: 0;
    right: 0;
    bottom: 0;
    left: 50%;
    width: 50%;
    height: 50%;
}

#gridImage3Row1Column2EditButton {
    z-index: 9999;
    position: absolute;
    top: 2%;
    left: 52%;
    background-color: white;
    opacity: 0.6;
    font-weight: bold;
    font-size: 200%;
    width: 100px;
    height: 50px;
    border: 6px solid rgb(61, 120, 236);
}

#gridImage3Row1Column2EditButton:hover {
    cursor: pointer;
    border: 6px solid rgb(78, 204, 99);
}

#gridImage3Row1Column2ResetButton {
    z-index: 9999;
    position: absolute;
    top: 2%;
    left: 62%;
    background-color: white;
    opacity: 0.6;
    font-weight: bold;
    font-size: 200%;
    width: 100px;
    height: 50px;
    border: 6px solid rgb(61, 120, 236);
}

#gridImage3Row1Column2ResetButton:hover {
    cursor: pointer;
    border: 6px solid rgb(78, 204, 99);
}

/* --- */
#gridImage3 #gridImage3Row2Column2 [type="file"] {
    cursor: pointer;
    position: absolute;
    opacity: 0;
    top: 50%;
    right: 0;
    bottom: 0;
    left: 50%;
    width: 50%;
    height: 50%;
}

#gridImage3Row2Column2EditButton {
    z-index: 9999;
    position: absolute;
    top: 52%;
    left: 52%;
    background-color: white;
    opacity: 0.6;
    font-weight: bold;
    font-size: 200%;
    width: 100px;
    height: 50px;
    border: 6px solid rgb(61, 120, 236);
}

#gridImage3Row2Column2EditButton:hover {
    cursor: pointer;
    border: 6px solid rgb(78, 204, 99);
}

#gridImage3Row2Column2ResetButton {
    z-index: 9999;
    position: absolute;
    top: 52%;
    left: 62%;
    background-color: white;
    opacity: 0.6;
    font-weight: bold;
    font-size: 200%;
    width: 100px;
    height: 50px;
    border: 6px solid rgb(61, 120, 236);
}

#gridImage3Row2Column2ResetButton:hover {
    cursor: pointer;
    border: 6px solid rgb(78, 204, 99);
}

/*---------------------------------------------*/
/* grid image 4 */
.gridImage4Row {
    display: -ms-flexbox;
    /* IE 10 */
    display: flex;
    -ms-flex-wrap: wrap;
    /* IE 10 */
    flex-wrap: wrap;
}

/* Create two equal columns that sits next to each other */
.gridImage4Column {
    -ms-flex: 49%;
    /* IE 10 */
    flex: 49%;
}

.gridImage4Column img {
    vertical-align: middle;
    object-fit: cover;
    width: 100%;
    height: 100%;
}

#gridImage4 #gridImage4Row1Column1 [type="file"] {
    cursor: pointer;
    position: absolute;
    opacity: 0;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    width: 50%;
    height: 100%;
}

#gridImage4Row1Column1EditButton {
    z-index: 9999;
    position: absolute;
    top: 2%;
    left: 2%;
    background-color: white;
    opacity: 0.6;
    font-weight: bold;
    font-size: 200%;
    width: 100px;
    height: 50px;
    border: 6px solid rgb(61, 120, 236);
}

#gridImage4Row1Column1EditButton:hover {
    cursor: pointer;
    border: 6px solid rgb(78, 204, 99);
}

#gridImage4Row1Column1ResetButton {
    z-index: 9999;
    position: absolute;
    top: 2%;
    left: 12%;
    background-color: white;
    opacity: 0.6;
    font-weight: bold;
    font-size: 200%;
    width: 100px;
    height: 50px;
    border: 6px solid rgb(61, 120, 236);
}

#gridImage4Row1Column1ResetButton:hover {
    cursor: pointer;
    border: 6px solid rgb(78, 204, 99);
}

/* --- */
#gridImage4 #gridImage4Row1Column2 [type="file"] {
    cursor: pointer;
    position: absolute;
    opacity: 0;
    top: 0;
    right: 0;
    bottom: 0;
    left: 50%;
    width: 50%;
    height: 100%;
}

#gridImage4Row1Column2EditButton {
    z-index: 9999;
    position: absolute;
    top: 2%;
    left: 52%;
    background-color: white;
    opacity: 0.6;
    font-weight: bold;
    font-size: 200%;
    width: 100px;
    height: 50px;
    border: 6px solid rgb(61, 120, 236);
}

#gridImage4Row1Column2EditButton:hover {
    cursor: pointer;
    border: 6px solid rgb(78, 204, 99);
}

#gridImage4Row1Column2ResetButton {
    z-index: 9999;
    position: absolute;
    top: 2%;
    left: 62%;
    background-color: white;
    opacity: 0.6;
    font-weight: bold;
    font-size: 200%;
    width: 100px;
    height: 50px;
    border: 6px solid rgb(61, 120, 236);
}

#gridImage4Row1Column2ResetButton:hover {
    cursor: pointer;
    border: 6px solid rgb(78, 204, 99);
}

/*---------------------------------------------*/
/* grid image 5 */
.gridImage5Row {
    display: -ms-flexbox;
    /* IE 10 */
    display: flex;
    -ms-flex-wrap: wrap;
    /* IE 10 */
    flex-wrap: wrap;
}

/* Create two equal columns that sits next to each other */
.gridImage5Column {
    -ms-flex: 49%;
    /* IE 10 */
    flex: 49%;
}

.gridImage5Column img {
    vertical-align: middle;
    object-fit: cover;
    width: 100%;
    height: 100%;
}

#gridImage5 #gridImage5Row1Column1 [type="file"] {
    cursor: pointer;
    position: absolute;
    opacity: 0;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    width: 50%;
    height: 100%;
}

#gridImage5Row1Column1EditButton {
    z-index: 9999;
    position: absolute;
    top: 2%;
    left: 2%;
    background-color: white;
    opacity: 0.6;
    font-weight: bold;
    font-size: 200%;
    width: 100px;
    height: 50px;
    border: 6px solid rgb(61, 120, 236);
}

#gridImage5Row1Column1EditButton:hover {
    cursor: pointer;
    border: 6px solid rgb(78, 204, 99);
}

#gridImage5Row1Column1ResetButton {
    z-index: 9999;
    position: absolute;
    top: 2%;
    left: 12%;
    background-color: white;
    opacity: 0.6;
    font-weight: bold;
    font-size: 200%;
    width: 100px;
    height: 50px;
    border: 6px solid rgb(61, 120, 236);
}

#gridImage5Row1Column1ResetButton:hover {
    cursor: pointer;
    border: 6px solid rgb(78, 204, 99);
}

/* --- */
#gridImage5 #gridImage5Row1Column2 [type="file"] {
    cursor: pointer;
    position: absolute;
    opacity: 0;
    top: 0;
    right: 0;
    bottom: 0;
    left: 50%;
    width: 50%;
    height: 50%;
}

#gridImage5Row1Column2EditButton {
    z-index: 9999;
    position: absolute;
    top: 2%;
    left: 52%;
    background-color: white;
    opacity: 0.6;
    font-weight: bold;
    font-size: 200%;
    width: 100px;
    height: 50px;
    border: 6px solid rgb(61, 120, 236);
}

#gridImage5Row1Column2EditButton:hover {
    cursor: pointer;
    border: 6px solid rgb(78, 204, 99);
}

#gridImage5Row1Column2ResetButton {
    z-index: 9999;
    position: absolute;
    top: 2%;
    left: 62%;
    background-color: white;
    opacity: 0.6;
    font-weight: bold;
    font-size: 200%;
    width: 100px;
    height: 50px;
    border: 6px solid rgb(61, 120, 236);
}

#gridImage5Row1Column2ResetButton:hover {
    cursor: pointer;
    border: 6px solid rgb(78, 204, 99);
}

/* --- */
#gridImage5 #gridImage5Row2Column2 [type="file"] {
    cursor: pointer;
    position: absolute;
    opacity: 0;
    top: 50%;
    right: 0;
    bottom: 0;
    left: 50%;
    width: 50%;
    height: 20%;
}

#gridImage5Row2Column2EditButton {
    z-index: 9999;
    position: absolute;
    top: 52%;
    left: 52%;
    background-color: white;
    opacity: 0.6;
    font-weight: bold;
    font-size: 200%;
    width: 100px;
    height: 50px;
    border: 6px solid rgb(61, 120, 236);
}

#gridImage5Row2Column2EditButton:hover {
    cursor: pointer;
    border: 6px solid rgb(78, 204, 99);
}

#gridImage5Row2Column2ResetButton {
    z-index: 9999;
    position: absolute;
    top: 52%;
    left: 62%;
    background-color: white;
    opacity: 0.6;
    font-weight: bold;
    font-size: 200%;
    width: 100px;
    height: 50px;
    border: 6px solid rgb(61, 120, 236);
}

#gridImage5Row2Column2ResetButton:hover {
    cursor: pointer;
    border: 6px solid rgb(78, 204, 99);
}

/* --- */
#gridImage5 #gridImage5Row3Column2 [type="file"] {
    cursor: pointer;
    position: absolute;
    opacity: 0;
    top: 70%;
    right: 0;
    bottom: 0;
    left: 50%;
    width: 50%;
    height: 30%;
}

#gridImage5Row3Column2EditButton {
    z-index: 9999;
    position: absolute;
    top: 72%;
    left: 52%;
    background-color: white;
    opacity: 0.6;
    font-weight: bold;
    font-size: 200%;
    width: 100px;
    height: 50px;
    border: 6px solid rgb(61, 120, 236);
}

#gridImage5Row3Column2EditButton:hover {
    cursor: pointer;
    border: 6px solid rgb(78, 204, 99);
}

#gridImage5Row3Column2ResetButton {
    z-index: 9999;
    position: absolute;
    top: 72%;
    left: 62%;
    background-color: white;
    opacity: 0.6;
    font-weight: bold;
    font-size: 200%;
    width: 100px;
    height: 50px;
    border: 6px solid rgb(61, 120, 236);
}

#gridImage5Row3Column2ResetButton:hover {
    cursor: pointer;
    border: 6px solid rgb(78, 204, 99);
}

/*---------------------------------------------*/
/* grid image 6 */
.gridImage6Row {
    display: -ms-flexbox;
    /* IE 10 */
    display: flex;
    -ms-flex-wrap: wrap;
    /* IE 10 */
    flex-wrap: wrap;
}

/* Create two equal columns that sits next to each other */
.gridImage6Column {
    -ms-flex: 49%;
    /* IE 10 */
    flex: 49%;
}

.gridImage6Column img {
    vertical-align: middle;
    object-fit: cover;
    width: 100%;
    height: 100%;
}

/* --- */
#gridImage6 #gridImage6Row1Column1 [type="file"] {
    cursor: pointer;
    position: absolute;
    opacity: 0;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    width: 50%;
    height: 100%;
}

#gridImage6Row1Column1EditButton {
    z-index: 9999;
    position: absolute;
    top: 2%;
    left: 2%;
    background-color: white;
    opacity: 0.6;
    font-weight: bold;
    font-size: 200%;
    width: 100px;
    height: 50px;
    border: 6px solid rgb(61, 120, 236);
}

#gridImage6Row1Column1EditButton:hover {
    cursor: pointer;
    border: 6px solid rgb(78, 204, 99);
}

#gridImage6Row1Column1ResetButton {
    z-index: 9999;
    position: absolute;
    top: 2%;
    left: 12%;
    background-color: white;
    opacity: 0.6;
    font-weight: bold;
    font-size: 200%;
    width: 100px;
    height: 50px;
    border: 6px solid rgb(61, 120, 236);
}

#gridImage6Row1Column1ResetButton:hover {
    cursor: pointer;
    border: 6px solid rgb(78, 204, 99);
}

/* --- */
#gridImage6 #gridImage6Row1Column2 [type="file"] {
    cursor: pointer;
    position: absolute;
    opacity: 0;
    top: 0;
    right: 0;
    bottom: 0;
    left: 50%;
    width: 50%;
    height: 50%;
}

#gridImage6Row1Column2EditButton {
    z-index: 9999;
    position: absolute;
    top: 2%;
    left: 52%;
    background-color: white;
    opacity: 0.6;
    font-weight: bold;
    font-size: 200%;
    width: 100px;
    height: 50px;
    border: 6px solid rgb(61, 120, 236);
}

#gridImage6Row1Column2EditButton:hover {
    cursor: pointer;
    border: 6px solid rgb(78, 204, 99);
}

#gridImage6Row1Column2ResetButton {
    z-index: 9999;
    position: absolute;
    top: 2%;
    left: 62%;
    background-color: white;
    opacity: 0.6;
    font-weight: bold;
    font-size: 200%;
    width: 100px;
    height: 50px;
    border: 6px solid rgb(61, 120, 236);
}

#gridImage6Row1Column2ResetButton:hover {
    cursor: pointer;
    border: 6px solid rgb(78, 204, 99);
}

/* --- */
#gridImage6 #gridImage6Row2Column2 [type="file"] {
    cursor: pointer;
    position: absolute;
    opacity: 0;
    top: 50%;
    right: 0;
    bottom: 0;
    left: 50%;
    width: 50%;
    height: 50%;
}

#gridImage6Row2Column2EditButton {
    z-index: 9999;
    position: absolute;
    top: 52%;
    left: 52%;
    background-color: white;
    opacity: 0.6;
    font-weight: bold;
    font-size: 200%;
    width: 100px;
    height: 50px;
    border: 6px solid rgb(61, 120, 236);
}

#gridImage6Row2Column2EditButton:hover {
    cursor: pointer;
    border: 6px solid rgb(78, 204, 99);
}

#gridImage6Row2Column2ResetButton {
    z-index: 9999;
    position: absolute;
    top: 52%;
    left: 62%;
    background-color: white;
    opacity: 0.6;
    font-weight: bold;
    font-size: 200%;
    width: 100px;
    height: 50px;
    border: 6px solid rgb(61, 120, 236);
}

#gridImage6Row2Column2ResetButton:hover {
    cursor: pointer;
    border: 6px solid rgb(78, 204, 99);
}

/*---------------------------------------------*/
/* grid image 7 */
.gridImage7Row {
    display: -ms-flexbox;
    /* IE 10 */
    display: flex;
    -ms-flex-wrap: wrap;
    /* IE 10 */
    flex-wrap: wrap;
}

/* Create two equal columns that sits next to each other */
.gridImage7Column {
    -ms-flex: 49%;
    /* IE 10 */
    flex: 49%;
}

.gridImage7Column img {
    vertical-align: middle;
    object-fit: cover;
    width: 100%;
    height: 100%;
}

#gridImage7 #gridImage7Row1Column1 [type="file"] {
    cursor: pointer;
    position: absolute;
    opacity: 0;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    width: 50%;
    height: 50%;
}

#gridImage7Row1Column1EditButton {
    z-index: 9999;
    position: absolute;
    top: 2%;
    left: 2%;
    background-color: white;
    opacity: 0.6;
    font-weight: bold;
    font-size: 200%;
    width: 100px;
    height: 50px;
    border: 6px solid rgb(61, 120, 236);
}

#gridImage7Row1Column1EditButton:hover {
    cursor: pointer;
    border: 6px solid rgb(78, 204, 99);
}

#gridImage7Row1Column1ResetButton {
    z-index: 9999;
    position: absolute;
    top: 2%;
    left: 12%;
    background-color: white;
    opacity: 0.6;
    font-weight: bold;
    font-size: 200%;
    width: 100px;
    height: 50px;
    border: 6px solid rgb(61, 120, 236);
}

#gridImage7Row1Column1ResetButton:hover {
    cursor: pointer;
    border: 6px solid rgb(78, 204, 99);
}

/* --- */
#gridImage7 #gridImage7Row2Column1 [type="file"] {
    cursor: pointer;
    position: absolute;
    opacity: 0;
    top: 50%;
    right: 0;
    bottom: 0;
    left: 0;
    width: 50%;
    height: 20%;
}

#gridImage7Row2Column1EditButton {
    z-index: 9999;
    position: absolute;
    top: 52%;
    left: 2%;
    background-color: white;
    opacity: 0.6;
    font-weight: bold;
    font-size: 200%;
    width: 100px;
    height: 50px;
    border: 6px solid rgb(61, 120, 236);
}

#gridImage7Row2Column1EditButton:hover {
    cursor: pointer;
    border: 6px solid rgb(78, 204, 99);
}

#gridImage7Row2Column1ResetButton {
    z-index: 9999;
    position: absolute;
    top: 52%;
    left: 12%;
    background-color: white;
    opacity: 0.6;
    font-weight: bold;
    font-size: 200%;
    width: 100px;
    height: 50px;
    border: 6px solid rgb(61, 120, 236);
}

#gridImage7Row2Column1ResetButton:hover {
    cursor: pointer;
    border: 6px solid rgb(78, 204, 99);
}

/* --- */
#gridImage7 #gridImage7Row3Column1 [type="file"] {
    cursor: pointer;
    position: absolute;
    opacity: 0;
    top: 72%;
    right: 0;
    bottom: 0;
    left: 0;
    width: 50%;
    height: 30%;
}

#gridImage7Row3Column1EditButton {
    z-index: 9999;
    position: absolute;
    top: 72%;
    left: 2%;
    background-color: white;
    opacity: 0.6;
    font-weight: bold;
    font-size: 200%;
    width: 100px;
    height: 50px;
    border: 6px solid rgb(61, 120, 236);
}

#gridImage7Row3Column1EditButton:hover {
    cursor: pointer;
    border: 6px solid rgb(78, 204, 99);
}

#gridImage7Row3Column1ResetButton {
    z-index: 9999;
    position: absolute;
    top: 72%;
    left: 12%;
    background-color: white;
    opacity: 0.6;
    font-weight: bold;
    font-size: 200%;
    width: 100px;
    height: 50px;
    border: 6px solid rgb(61, 120, 236);
}

#gridImage7Row3Column1ResetButton:hover {
    cursor: pointer;
    border: 6px solid rgb(78, 204, 99);
}

/* --- */
#gridImage7 #gridImage7Row1Column2 [type="file"] {
    cursor: pointer;
    position: absolute;
    opacity: 0;
    top: 0;
    right: 0;
    bottom: 0;
    left: 50%;
    width: 50%;
    height: 100%;
}

#gridImage7Row1Column2EditButton {
    z-index: 9999;
    position: absolute;
    top: 2%;
    left: 52%;
    background-color: white;
    opacity: 0.6;
    font-weight: bold;
    font-size: 200%;
    width: 100px;
    height: 50px;
    border: 6px solid rgb(61, 120, 236);
}

#gridImage7Row1Column2EditButton:hover {
    cursor: pointer;
    border: 6px solid rgb(78, 204, 99);
}

#gridImage7Row1Column2ResetButton {
    z-index: 9999;
    position: absolute;
    top: 2%;
    left: 62%;
    background-color: white;
    opacity: 0.6;
    font-weight: bold;
    font-size: 200%;
    width: 100px;
    height: 50px;
    border: 6px solid rgb(61, 120, 236);
}

#gridImage7Row1Column2ResetButton:hover {
    cursor: pointer;
    border: 6px solid rgb(78, 204, 99);
}

/*---------------------------------------------*/
/* grid image 8 */
.gridImage8Row {
    display: -ms-flexbox;
    /* IE 10 */
    display: flex;
    -ms-flex-wrap: wrap;
    /* IE 10 */
    flex-wrap: wrap;
}

/* Create two equal columns that sits next to each other */
.gridImage8Column {
    -ms-flex: 49%;
    /* IE 10 */
    flex: 49%;
}

.gridImage8Column img {
    vertical-align: middle;
    object-fit: cover;
    width: 100%;
    height: 100%;
}

#gridImage8 #gridImage8Row1Column1 [type="file"] {
    cursor: pointer;
    position: absolute;
    opacity: 0;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    width: 50%;
    height: 50%;
}

#gridImage8Row1Column1EditButton {
    z-index: 9999;
    position: absolute;
    top: 2%;
    left: 2%;
    background-color: white;
    opacity: 0.6;
    font-weight: bold;
    font-size: 200%;
    width: 100px;
    height: 50px;
    border: 6px solid rgb(61, 120, 236);
}

#gridImage8Row1Column1EditButton:hover {
    cursor: pointer;
    border: 6px solid rgb(78, 204, 99);
}

#gridImage8Row1Column1ResetButton {
    z-index: 9999;
    position: absolute;
    top: 2%;
    left: 12%;
    background-color: white;
    opacity: 0.6;
    font-weight: bold;
    font-size: 200%;
    width: 100px;
    height: 50px;
    border: 6px solid rgb(61, 120, 236);
}

#gridImage8Row1Column1ResetButton:hover {
    cursor: pointer;
    border: 6px solid rgb(78, 204, 99);
}

/* --- */
#gridImage8 #gridImage8Row2Column1 [type="file"] {
    cursor: pointer;
    position: absolute;
    opacity: 0;
    top: 50%;
    right: 0;
    bottom: 0;
    left: 0;
    width: 50%;
    height: 20%;
}

#gridImage8Row2Column1EditButton {
    z-index: 9999;
    position: absolute;
    top: 52%;
    left: 2%;
    background-color: white;
    opacity: 0.6;
    font-weight: bold;
    font-size: 200%;
    width: 100px;
    height: 50px;
    border: 6px solid rgb(61, 120, 236);
}

#gridImage8Row2Column1EditButton:hover {
    cursor: pointer;
    border: 6px solid rgb(78, 204, 99);
}

#gridImage8Row2Column1ResetButton {
    z-index: 9999;
    position: absolute;
    top: 52%;
    left: 12%;
    background-color: white;
    opacity: 0.6;
    font-weight: bold;
    font-size: 200%;
    width: 100px;
    height: 50px;
    border: 6px solid rgb(61, 120, 236);
}

#gridImage8Row2Column1ResetButton:hover {
    cursor: pointer;
    border: 6px solid rgb(78, 204, 99);
}

/* --- */
#gridImage8 #gridImage8Row3Column1 [type="file"] {
    cursor: pointer;
    position: absolute;
    opacity: 0;
    top: 70%;
    right: 0;
    bottom: 0;
    left: 0;
    width: 50%;
    height: 30%;
}

#gridImage8Row3Column1EditButton {
    z-index: 9999;
    position: absolute;
    top: 72%;
    left: 2%;
    background-color: white;
    opacity: 0.6;
    font-weight: bold;
    font-size: 200%;
    width: 100px;
    height: 50px;
    border: 6px solid rgb(61, 120, 236);
}

#gridImage8Row3Column1EditButton:hover {
    cursor: pointer;
    border: 6px solid rgb(78, 204, 99);
}

#gridImage8Row3Column1ResetButton {
    z-index: 9999;
    position: absolute;
    top: 72%;
    left: 12%;
    background-color: white;
    opacity: 0.6;
    font-weight: bold;
    font-size: 200%;
    width: 100px;
    height: 50px;
    border: 6px solid rgb(61, 120, 236);
}

#gridImage8Row3Column1ResetButton:hover {
    cursor: pointer;
    border: 6px solid rgb(78, 204, 99);
}

/* --- */
#gridImage8 #gridImage8Row1Column2 [type="file"] {
    cursor: pointer;
    position: absolute;
    opacity: 0;
    top: 0;
    right: 0;
    bottom: 0;
    left: 50%;
    width: 50%;
    height: 60%;
}

#gridImage8Row1Column2EditButton {
    z-index: 9999;
    position: absolute;
    top: 2%;
    left: 52%;
    background-color: white;
    opacity: 0.6;
    font-weight: bold;
    font-size: 200%;
    width: 100px;
    height: 50px;
    border: 6px solid rgb(61, 120, 236);
}

#gridImage8Row1Column2EditButton:hover {
    cursor: pointer;
    border: 6px solid rgb(78, 204, 99);
}

#gridImage8Row1Column2ResetButton {
    z-index: 9999;
    position: absolute;
    top: 2%;
    left: 62%;
    background-color: white;
    opacity: 0.6;
    font-weight: bold;
    font-size: 200%;
    width: 100px;
    height: 50px;
    border: 6px solid rgb(61, 120, 236);
}

#gridImage8Row1Column2ResetButton:hover {
    cursor: pointer;
    border: 6px solid rgb(78, 204, 99);
}

/* --- */
#gridImage8 #gridImage8Row2Column2 [type="file"] {
    cursor: pointer;
    position: absolute;
    opacity: 0;
    top: 60%;
    right: 0;
    bottom: 0;
    left: 50%;
    width: 50%;
    height: 40%;
}

#gridImage8Row2Column2EditButton {
    z-index: 9999;
    position: absolute;
    top: 60%;
    left: 52%;
    background-color: white;
    opacity: 0.6;
    font-weight: bold;
    font-size: 200%;
    width: 100px;
    height: 50px;
    border: 6px solid rgb(61, 120, 236);
}

#gridImage8Row2Column2EditButton:hover {
    cursor: pointer;
    border: 6px solid rgb(78, 204, 99);
}

#gridImage8Row2Column2ResetButton {
    z-index: 9999;
    position: absolute;
    top: 60%;
    left: 62%;
    background-color: white;
    opacity: 0.6;
    font-weight: bold;
    font-size: 200%;
    width: 100px;
    height: 50px;
    border: 6px solid rgb(61, 120, 236);
}

#gridImage8Row2Column2ResetButton:hover {
    cursor: pointer;
    border: 6px solid rgb(78, 204, 99);
}

/*---------------------------------------------*/
/* grid image 9 */
.gridImage9Row {
    display: -ms-flexbox;
    /* IE 10 */
    display: flex;
    -ms-flex-wrap: wrap;
    /* IE 10 */
    flex-wrap: wrap;
}

/* Create two equal columns that sits next to each other */
.gridImage9Column {
    -ms-flex: 49%;
    /* IE 10 */
    flex: 49%;
}

.gridImage9Column img {
    vertical-align: middle;
    object-fit: cover;
    width: 100%;
    height: 100%;
}

#gridImage9 #gridImage9Row1Column1 [type="file"] {
    cursor: pointer;
    position: absolute;
    opacity: 0;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    width: 50%;
    height: 50%;
}

#gridImage9Row1Column1EditButton {
    z-index: 9999;
    position: absolute;
    top: 2%;
    left: 2%;
    background-color: white;
    opacity: 0.6;
    font-weight: bold;
    font-size: 200%;
    width: 100px;
    height: 50px;
    border: 6px solid rgb(61, 120, 236);
}

#gridImage9Row1Column1EditButton:hover {
    cursor: pointer;
    border: 6px solid rgb(78, 204, 99);
}

#gridImage9Row1Column1ResetButton {
    z-index: 9999;
    position: absolute;
    top: 2%;
    left: 12%;
    background-color: white;
    opacity: 0.6;
    font-weight: bold;
    font-size: 200%;
    width: 100px;
    height: 50px;
    border: 6px solid rgb(61, 120, 236);
}

#gridImage9Row1Column1ResetButton:hover {
    cursor: pointer;
    border: 6px solid rgb(78, 204, 99);
}

/* --- */
#gridImage9 #gridImage9Row2Column1 [type="file"] {
    cursor: pointer;
    position: absolute;
    opacity: 0;
    top: 50%;
    right: 0;
    bottom: 0;
    left: 0;
    width: 50%;
    height: 50%;
}

#gridImage9Row2Column1EditButton {
    z-index: 9999;
    position: absolute;
    top: 52%;
    left: 2%;
    background-color: white;
    opacity: 0.6;
    font-weight: bold;
    font-size: 200%;
    width: 100px;
    height: 50px;
    border: 6px solid rgb(61, 120, 236);
}

#gridImage9Row2Column1EditButton:hover {
    cursor: pointer;
    border: 6px solid rgb(78, 204, 99);
}

#gridImage9Row2Column1ResetButton {
    z-index: 9999;
    position: absolute;
    top: 52%;
    left: 12%;
    background-color: white;
    opacity: 0.6;
    font-weight: bold;
    font-size: 200%;
    width: 100px;
    height: 50px;
    border: 6px solid rgb(61, 120, 236);
}

#gridImage9Row2Column1ResetButton:hover {
    cursor: pointer;
    border: 6px solid rgb(78, 204, 99);
}

/* --- */
#gridImage9 #gridImage9Row1Column2 [type="file"] {
    cursor: pointer;
    position: absolute;
    opacity: 0;
    top: 0;
    right: 0;
    bottom: 0;
    left: 50%;
    width: 50%;
    height: 100%;
}

#gridImage9Row1Column2EditButton {
    z-index: 9999;
    position: absolute;
    top: 2%;
    left: 52%;
    background-color: white;
    opacity: 0.6;
    font-weight: bold;
    font-size: 200%;
    width: 100px;
    height: 50px;
    border: 6px solid rgb(61, 120, 236);
}

#gridImage9Row1Column2EditButton:hover {
    cursor: pointer;
    border: 6px solid rgb(78, 204, 99);
}

#gridImage9Row1Column2ResetButton {
    z-index: 9999;
    position: absolute;
    top: 2%;
    left: 62%;
    background-color: white;
    opacity: 0.6;
    font-weight: bold;
    font-size: 200%;
    width: 100px;
    height: 50px;
    border: 6px solid rgb(61, 120, 236);
}

#gridImage9Row1Column2ResetButton:hover {
    cursor: pointer;
    border: 6px solid rgb(78, 204, 99);
}

/*---------------------------------------------*/
/* grid image 10 */
.gridImage10Column {
    display: -ms-flexbox;
    /* IE 10 */
    display: flex;
    flex-direction: column;
    -ms-flex-wrap: wrap;
    /* IE 10 */
    flex-wrap: wrap;
}

/* Create two equal columns that sits next to each other */
.gridImage10Row {
    display: flex;
    flex-direction: row;
    -ms-flex: 50%;
    /* IE 10 */
    flex: 50%;
}

.gridImage10Row img {
    vertical-align: middle;
    object-fit: cover;
    width: 100%;
    height: 100%;
}

#gridImage10 #gridImage10Row1Column1 [type="file"] {
    cursor: pointer;
    position: absolute;
    opacity: 0;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    width: 50%;
    height: 50%;
}

#gridImage10Row1Column1EditButton {
    z-index: 9999;
    position: absolute;
    top: 2%;
    left: 2%;
    background-color: white;
    opacity: 0.6;
    font-weight: bold;
    font-size: 200%;
    width: 100px;
    height: 50px;
    border: 6px solid rgb(61, 120, 236);
}

#gridImage10Row1Column1EditButton:hover {
    cursor: pointer;
    border: 6px solid rgb(78, 204, 99);
}

#gridImage10Row1Column1ResetButton {
    z-index: 9999;
    position: absolute;
    top: 2%;
    left: 12%;
    background-color: white;
    opacity: 0.6;
    font-weight: bold;
    font-size: 200%;
    width: 100px;
    height: 50px;
    border: 6px solid rgb(61, 120, 236);
}

#gridImage10Row1Column1ResetButton:hover {
    cursor: pointer;
    border: 6px solid rgb(78, 204, 99);
}

/* --- */
#gridImage10 #gridImage10Row1Column2 [type="file"] {
    cursor: pointer;
    position: absolute;
    opacity: 0;
    top: 0;
    right: 0;
    bottom: 0;
    left: 50%;
    width: 50%;
    height: 50%;
}

#gridImage10Row1Column2EditButton {
    z-index: 9999;
    position: absolute;
    top: 2%;
    left: 52%;
    background-color: white;
    opacity: 0.6;
    font-weight: bold;
    font-size: 200%;
    width: 100px;
    height: 50px;
    border: 6px solid rgb(61, 120, 236);
}

#gridImage10Row1Column2EditButton:hover {
    cursor: pointer;
    border: 6px solid rgb(78, 204, 99);
}

#gridImage10Row1Column2ResetButton {
    z-index: 9999;
    position: absolute;
    top: 2%;
    left: 62%;
    background-color: white;
    opacity: 0.6;
    font-weight: bold;
    font-size: 200%;
    width: 100px;
    height: 50px;
    border: 6px solid rgb(61, 120, 236);
}

#gridImage10Row1Column2ResetButton:hover {
    cursor: pointer;
    border: 6px solid rgb(78, 204, 99);
}

/* --- */
#gridImage10 #gridImage10Row2Column1 [type="file"] {
    cursor: pointer;
    position: absolute;
    opacity: 0;
    top: 50%;
    right: 0;
    bottom: 0;
    left: 0;
    width: 50%;
    height: 50%;
}

#gridImage10Row2Column1EditButton {
    z-index: 9999;
    position: absolute;
    top: 52%;
    left: 2%;
    background-color: white;
    opacity: 0.6;
    font-weight: bold;
    font-size: 200%;
    width: 100px;
    height: 50px;
    border: 6px solid rgb(61, 120, 236);
}

#gridImage10Row2Column1EditButton:hover {
    cursor: pointer;
    border: 6px solid rgb(78, 204, 99);
}

#gridImage10Row2Column1ResetButton {
    z-index: 9999;
    position: absolute;
    top: 52%;
    left: 12%;
    background-color: white;
    opacity: 0.6;
    font-weight: bold;
    font-size: 200%;
    width: 100px;
    height: 50px;
    border: 6px solid rgb(61, 120, 236);
}

#gridImage10Row1Column2ResetButton:hover {
    cursor: pointer;
    border: 6px solid rgb(78, 204, 99);
}

/* --- */
#gridImage10 #gridImage10Row2Column2 [type="file"] {
    cursor: pointer;
    position: absolute;
    opacity: 0;
    top: 50%;
    right: 0;
    bottom: 0;
    left: 50%;
    width: 20%;
    height: 50%;
}

#gridImage10Row2Column2EditButton {
    z-index: 9999;
    position: absolute;
    top: 52%;
    left: 52%;
    background-color: white;
    opacity: 0.6;
    font-weight: bold;
    font-size: 200%;
    width: 100px;
    height: 50px;
    border: 6px solid rgb(61, 120, 236);
}

#gridImage10Row2Column2EditButton:hover {
    cursor: pointer;
    border: 6px solid rgb(78, 204, 99);
}

#gridImage10Row2Column2ResetButton {
    z-index: 9999;
    position: absolute;
    top: 52%;
    left: 62%;
    background-color: white;
    opacity: 0.6;
    font-weight: bold;
    font-size: 200%;
    width: 100px;
    height: 50px;
    border: 6px solid rgb(61, 120, 236);
}

#gridImage10Row2Column2ResetButton:hover {
    cursor: pointer;
    border: 6px solid rgb(78, 204, 99);
}

/* --- */
#gridImage10 #gridImage10Row2Column3 [type="file"] {
    cursor: pointer;
    position: absolute;
    opacity: 0;
    top: 50%;
    right: 0;
    bottom: 0;
    left: 70%;
    width: 30%;
    height: 50%;
}

#gridImage10Row2Column3EditButton {
    z-index: 9999;
    position: absolute;
    top: 52%;
    left: 72%;
    background-color: white;
    opacity: 0.6;
    font-weight: bold;
    font-size: 200%;
    width: 100px;
    height: 50px;
    border: 6px solid rgb(61, 120, 236);
}

#gridImage10Row2Column3EditButton:hover {
    cursor: pointer;
    border: 6px solid rgb(78, 204, 99);
}

#gridImage10Row2Column3ResetButton {
    z-index: 9999;
    position: absolute;
    top: 52%;
    left: 82%;
    background-color: white;
    opacity: 0.6;
    font-weight: bold;
    font-size: 200%;
    width: 100px;
    height: 50px;
    border: 6px solid rgb(61, 120, 236);
}

#gridImage10Row2Column3ResetButton:hover {
    cursor: pointer;
    border: 6px solid rgb(78, 204, 99);
}


/*---------------------------------------------*/
/* grid image 11 */
.gridImage11Column {
    display: -ms-flexbox;
    /* IE 10 */
    display: flex;
    flex-direction: column;
    -ms-flex-wrap: wrap;
    /* IE 10 */
    flex-wrap: wrap;
}

/* Create two equal columns that sits next to each other */
.gridImage11Row {
    display: flex;
    flex-direction: row;
    -ms-flex: 50%;
    /* IE 10 */
    flex: 50%;
}

.gridImage11Row img {
    vertical-align: middle;
    object-fit: cover;
    width: 100%;
    height: 100%;
}

#gridImage11 #gridImage11Row1Column1 [type="file"] {
    cursor: pointer;
    position: absolute;
    opacity: 0;
    top: 0%;
    right: 0;
    bottom: 0;
    left: 0;
    width: 50%;
    height: 50%;
}

#gridImage11Row1Column1EditButton {
    z-index: 9999;
    position: absolute;
    top: 2%;
    left: 2%;
    background-color: white;
    opacity: 0.6;
    font-weight: bold;
    font-size: 200%;
    width: 100px;
    height: 50px;
    border: 6px solid rgb(61, 120, 236);
}

#gridImage11Row1Column1EditButton:hover {
    cursor: pointer;
    border: 6px solid rgb(78, 204, 99);
}

#gridImage11Row1Column1ResetButton {
    z-index: 9999;
    position: absolute;
    top: 2%;
    left: 12%;
    background-color: white;
    opacity: 0.6;
    font-weight: bold;
    font-size: 200%;
    width: 100px;
    height: 50px;
    border: 6px solid rgb(61, 120, 236);
}

#gridImage11Row1Column1ResetButton:hover {
    cursor: pointer;
    border: 6px solid rgb(78, 204, 99);
}

/* --- */
#gridImage11 #gridImage11Row1Column2 [type="file"] {
    cursor: pointer;
    position: absolute;
    opacity: 0;
    top: 0%;
    right: 0;
    bottom: 0;
    left: 50%;
    width: 20%;
    height: 50%;
}

#gridImage11Row1Column2EditButton {
    z-index: 9999;
    position: absolute;
    top: 2%;
    left: 52%;
    background-color: white;
    opacity: 0.6;
    font-weight: bold;
    font-size: 200%;
    width: 100px;
    height: 50px;
    border: 6px solid rgb(61, 120, 236);
}

#gridImage11Row1Column2EditButton:hover {
    cursor: pointer;
    border: 6px solid rgb(78, 204, 99);
}

#gridImage11Row1Column2ResetButton {
    z-index: 9999;
    position: absolute;
    top: 2%;
    left: 62%;
    background-color: white;
    opacity: 0.6;
    font-weight: bold;
    font-size: 200%;
    width: 100px;
    height: 50px;
    border: 6px solid rgb(61, 120, 236);
}

#gridImage11Row1Column2ResetButton:hover {
    cursor: pointer;
    border: 6px solid rgb(78, 204, 99);
}

/* --- */
#gridImage11 #gridImage11Row1Column3 [type="file"] {
    cursor: pointer;
    position: absolute;
    opacity: 0;
    top: 0%;
    right: 0;
    bottom: 0;
    left: 70%;
    width: 30%;
    height: 50%;
}

/* --- */
#gridImage11Row1Column3EditButton {
    z-index: 9999;
    position: absolute;
    top: 2%;
    left: 73%;
    background-color: white;
    opacity: 0.6;
    font-weight: bold;
    font-size: 200%;
    width: 100px;
    height: 50px;
    border: 6px solid rgb(61, 120, 236);
}

#gridImage11Row1Column3EditButton:hover {
    cursor: pointer;
    border: 6px solid rgb(78, 204, 99);
}

#gridImage11Row1Column3ResetButton {
    z-index: 9999;
    position: absolute;
    top: 2%;
    left: 83%;
    background-color: white;
    opacity: 0.6;
    font-weight: bold;
    font-size: 200%;
    width: 100px;
    height: 50px;
    border: 6px solid rgb(61, 120, 236);
}

#gridImage11Row1Column3ResetButton:hover {
    cursor: pointer;
    border: 6px solid rgb(78, 204, 99);
}

/* --- */
#gridImage11 #gridImage11Row2Column1 [type="file"] {
    cursor: pointer;
    position: absolute;
    opacity: 0;
    top: 50%;
    right: 0;
    bottom: 0;
    left: 0;
    width: 50%;
    height: 50%;
}

#gridImage11Row2Column1EditButton {
    z-index: 9999;
    position: absolute;
    top: 52%;
    left: 2%;
    background-color: white;
    opacity: 0.6;
    font-weight: bold;
    font-size: 200%;
    width: 100px;
    height: 50px;
    border: 6px solid rgb(61, 120, 236);
}

#gridImage11Row2Column1EditButton:hover {
    cursor: pointer;
    border: 6px solid rgb(78, 204, 99);
}

#gridImage11Row2Column1ResetButton {
    z-index: 9999;
    position: absolute;
    top: 52%;
    left: 12%;
    background-color: white;
    opacity: 0.6;
    font-weight: bold;
    font-size: 200%;
    width: 100px;
    height: 50px;
    border: 6px solid rgb(61, 120, 236);
}

#gridImage11Row2Column1ResetButton:hover {
    cursor: pointer;
    border: 6px solid rgb(78, 204, 99);
}

/* --- */
#gridImage11 #gridImage11Row2Column2 [type="file"] {
    cursor: pointer;
    position: absolute;
    opacity: 0;
    top: 50%;
    right: 0;
    bottom: 0;
    left: 50%;
    width: 50%;
    height: 50%;
}

#gridImage11Row2Column2EditButton {
    z-index: 9999;
    position: absolute;
    top: 52%;
    left: 52%;
    background-color: white;
    opacity: 0.6;
    font-weight: bold;
    font-size: 200%;
    width: 100px;
    height: 50px;
    border: 6px solid rgb(61, 120, 236);
}

#gridImage11Row2Column2EditButton:hover {
    cursor: pointer;
    border: 6px solid rgb(78, 204, 99);
}

#gridImage11Row2Column2ResetButton {
    z-index: 9999;
    position: absolute;
    top: 52%;
    left: 62%;
    background-color: white;
    opacity: 0.6;
    font-weight: bold;
    font-size: 200%;
    width: 100px;
    height: 50px;
    border: 6px solid rgb(61, 120, 236);
}

#gridImage11Row2Column2ResetButton:hover {
    cursor: pointer;
    border: 6px solid rgb(78, 204, 99);
}

/*---------------------------------------------*/
/* grid image 12 */
.gridImage12Column {
    display: -ms-flexbox;
    /* IE 10 */
    display: flex;
    flex-direction: column;
    -ms-flex-wrap: wrap;
    /* IE 10 */
    flex-wrap: wrap;
}

/* Create two equal columns that sits next to each other */
.gridImage12Row {
    display: flex;
    flex-direction: row;
    -ms-flex: 49%;
    /* IE 10 */
    flex: 49%;
}

.gridImage12Row img {
    vertical-align: middle;
    object-fit: cover;
    width: 100%;
    height: 100%;
}

#gridImage12 #gridImage12Row1Column1 [type="file"] {
    cursor: pointer;
    position: absolute;
    opacity: 0;
    top: 0%;
    right: 0;
    bottom: 0;
    left: 0;
    width: 50%;
    height: 50%;
}

#gridImage12Row1Column1EditButton {
    z-index: 9999;
    position: absolute;
    top: 2%;
    left: 2%;
    background-color: white;
    opacity: 0.6;
    font-weight: bold;
    font-size: 200%;
    width: 100px;
    height: 50px;
    border: 6px solid rgb(61, 120, 236);
}

#gridImage12Row1Column1EditButton:hover {
    cursor: pointer;
    border: 6px solid rgb(78, 204, 99);
}

#gridImage12Row1Column1ResetButton {
    z-index: 9999;
    position: absolute;
    top: 2%;
    left: 12%;
    background-color: white;
    opacity: 0.6;
    font-weight: bold;
    font-size: 200%;
    width: 100px;
    height: 50px;
    border: 6px solid rgb(61, 120, 236);
}

#gridImage12Row1Column1ResetButton:hover {
    cursor: pointer;
    border: 6px solid rgb(78, 204, 99);
}

/* --- */
#gridImage12 #gridImage12Row1Column2 [type="file"] {
    cursor: pointer;
    position: absolute;
    opacity: 0;
    top: 0%;
    right: 0;
    bottom: 0;
    left: 50%;
    width: 20%;
    height: 50%;
}

#gridImage12Row1Column2EditButton {
    z-index: 9999;
    position: absolute;
    top: 2%;
    left: 52%;
    background-color: white;
    opacity: 0.6;
    font-weight: bold;
    font-size: 200%;
    width: 100px;
    height: 50px;
    border: 6px solid rgb(61, 120, 236);
}

#gridImage12Row1Column2EditButton:hover {
    cursor: pointer;
    border: 6px solid rgb(78, 204, 99);
}

#gridImage12Row1Column2ResetButton {
    z-index: 9999;
    position: absolute;
    top: 2%;
    left: 62%;
    background-color: white;
    opacity: 0.6;
    font-weight: bold;
    font-size: 200%;
    width: 100px;
    height: 50px;
    border: 6px solid rgb(61, 120, 236);
}

#gridImage12Row1Column2ResetButton:hover {
    cursor: pointer;
    border: 6px solid rgb(78, 204, 99);
}

/* --- */
#gridImage12 #gridImage12Row1Column3 [type="file"] {
    cursor: pointer;
    position: absolute;
    opacity: 0;
    top: 0%;
    right: 0;
    bottom: 0;
    left: 70%;
    width: 30%;
    height: 50%;
}

#gridImage12Row1Column3EditButton {
    z-index: 9999;
    position: absolute;
    top: 2%;
    left: 73%;
    background-color: white;
    opacity: 0.6;
    font-weight: bold;
    font-size: 200%;
    width: 100px;
    height: 50px;
    border: 6px solid rgb(61, 120, 236);
}

#gridImage12Row1Column3EditButton:hover {
    cursor: pointer;
    border: 6px solid rgb(78, 204, 99);
}

#gridImage12Row1Column3ResetButton {
    z-index: 9999;
    position: absolute;
    top: 2%;
    left: 83%;
    background-color: white;
    opacity: 0.6;
    font-weight: bold;
    font-size: 200%;
    width: 100px;
    height: 50px;
    border: 6px solid rgb(61, 120, 236);
}

#gridImage12Row1Column3ResetButton:hover {
    cursor: pointer;
    border: 6px solid rgb(78, 204, 99);
}

/* --- */
#gridImage12 #gridImage12Row2Column1 [type="file"] {
    cursor: pointer;
    position: absolute;
    opacity: 0;
    top: 50%;
    right: 0;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 50%;
}

#gridImage12Row2Column1EditButton {
    z-index: 9999;
    position: absolute;
    top: 52%;
    left: 2%;
    background-color: white;
    opacity: 0.6;
    font-weight: bold;
    font-size: 200%;
    width: 100px;
    height: 50px;
    border: 6px solid rgb(61, 120, 236);
}

#gridImage12Row2Column1EditButton:hover {
    cursor: pointer;
    border: 6px solid rgb(78, 204, 99);
}

#gridImage12Row2Column1ResetButton {
    z-index: 9999;
    position: absolute;
    top: 52%;
    left: 12%;
    background-color: white;
    opacity: 0.6;
    font-weight: bold;
    font-size: 200%;
    width: 100px;
    height: 50px;
    border: 6px solid rgb(61, 120, 236);
}

#gridImage12Row2Column1ResetButton:hover {
    cursor: pointer;
    border: 6px solid rgb(78, 204, 99);
}

/*---------------------------------------------*/
/* grid image 13 */
.gridImage13Column {
    display: -ms-flexbox;
    /* IE 10 */
    display: flex;
    flex-direction: column;
    -ms-flex-wrap: wrap;
    /* IE 10 */
    flex-wrap: wrap;
}

/* Create two equal columns that sits next to each other */
.gridImage13Row {
    display: flex;
    flex-direction: row;
    -ms-flex: 49%;
    /* IE 10 */
    flex: 49%;
}

.gridImage13Row img {
    vertical-align: middle;
    object-fit: cover;
    width: 100%;
    height: 100%;
}

#gridImage13 #gridImage13Row1Column1 [type="file"] {
    cursor: pointer;
    position: absolute;
    opacity: 0;
    top: 0%;
    right: 0;
    bottom: 0;
    left: 0;
    width: 50%;
    height: 50%;
}

#gridImage13Row1Column1EditButton {
    z-index: 9999;
    position: absolute;
    top: 2%;
    left: 2%;
    background-color: white;
    opacity: 0.6;
    font-weight: bold;
    font-size: 200%;
    width: 100px;
    height: 50px;
    border: 6px solid rgb(61, 120, 236);
}

#gridImage13Row1Column1EditButton:hover {
    cursor: pointer;
    border: 6px solid rgb(78, 204, 99);
}

#gridImage13Row1Column1ResetButton {
    z-index: 9999;
    position: absolute;
    top: 2%;
    left: 12%;
    background-color: white;
    opacity: 0.6;
    font-weight: bold;
    font-size: 200%;
    width: 100px;
    height: 50px;
    border: 6px solid rgb(61, 120, 236);
}

#gridImage13Row1Column1ResetButton:hover {
    cursor: pointer;
    border: 6px solid rgb(78, 204, 99);
}

/* --- */
#gridImage13 #gridImage13Row1Column2 [type="file"] {
    cursor: pointer;
    position: absolute;
    opacity: 0;
    top: 0%;
    right: 0;
    bottom: 0;
    left: 50%;
    width: 50%;
    height: 50%;
}

#gridImage13Row1Column2EditButton {
    z-index: 9999;
    position: absolute;
    top: 2%;
    left: 52%;
    background-color: white;
    opacity: 0.6;
    font-weight: bold;
    font-size: 200%;
    width: 100px;
    height: 50px;
    border: 6px solid rgb(61, 120, 236);
}

#gridImage13Row1Column2EditButton:hover {
    cursor: pointer;
    border: 6px solid rgb(78, 204, 99);
}

#gridImage13Row1Column2ResetButton {
    z-index: 9999;
    position: absolute;
    top: 2%;
    left: 62%;
    background-color: white;
    opacity: 0.6;
    font-weight: bold;
    font-size: 200%;
    width: 100px;
    height: 50px;
    border: 6px solid rgb(61, 120, 236);
}

#gridImage13Row1Column2ResetButton:hover {
    cursor: pointer;
    border: 6px solid rgb(78, 204, 99);
}

/* --- */
#gridImage13 #gridImage13Row2Column1 [type="file"] {
    cursor: pointer;
    position: absolute;
    opacity: 0;
    top: 50%;
    right: 0;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 50%;
}

#gridImage13Row2Column1EditButton {
    z-index: 9999;
    position: absolute;
    top: 52%;
    left: 2%;
    background-color: white;
    opacity: 0.6;
    font-weight: bold;
    font-size: 200%;
    width: 100px;
    height: 50px;
    border: 6px solid rgb(61, 120, 236);
}

#gridImage13Row2Column1EditButton:hover {
    cursor: pointer;
    border: 6px solid rgb(78, 204, 99);
}

#gridImage13Row2Column1ResetButton {
    z-index: 9999;
    position: absolute;
    top: 52%;
    left: 12%;
    background-color: white;
    opacity: 0.6;
    font-weight: bold;
    font-size: 200%;
    width: 100px;
    height: 50px;
    border: 6px solid rgb(61, 120, 236);
}

#gridImage13Row2Column1ResetButton:hover {
    cursor: pointer;
    border: 6px solid rgb(78, 204, 99);
}

/*---------------------------------------------*/
/* grid image 14 */
.gridImage14Column {
    display: -ms-flexbox;
    /* IE 10 */
    display: flex;
    flex-direction: column;
    -ms-flex-wrap: wrap;
    /* IE 10 */
    flex-wrap: wrap;
}

/* Create two equal columns that sits next to each other */
.gridImage14Row {
    display: flex;
    flex-direction: row;
    -ms-flex: 49%;
    /* IE 10 */
    flex: 49%;
}

.gridImage14Row img {
    vertical-align: middle;
    object-fit: cover;
    width: 100%;
    height: 100%;
}

#gridImage14 #gridImage14Row1Column1 [type="file"] {
    cursor: pointer;
    position: absolute;
    opacity: 0;
    top: 0%;
    right: 0;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 50%;
}

#gridImage14Row1Column1EditButton {
    z-index: 9999;
    position: absolute;
    top: 2%;
    left: 2%;
    background-color: white;
    opacity: 0.6;
    font-weight: bold;
    font-size: 200%;
    width: 100px;
    height: 50px;
    border: 6px solid rgb(61, 120, 236);
}

#gridImage14Row1Column1EditButton:hover {
    cursor: pointer;
    border: 6px solid rgb(78, 204, 99);
}

#gridImage14Row1Column1ResetButton {
    z-index: 9999;
    position: absolute;
    top: 2%;
    left: 12%;
    background-color: white;
    opacity: 0.6;
    font-weight: bold;
    font-size: 200%;
    width: 100px;
    height: 50px;
    border: 6px solid rgb(61, 120, 236);
}

#gridImage14Row1Column1ResetButton:hover {
    cursor: pointer;
    border: 6px solid rgb(78, 204, 99);
}

/* --- */
#gridImage14 #gridImage14Row2Column1 [type="file"] {
    cursor: pointer;
    position: absolute;
    opacity: 0;
    top: 50%;
    right: 0;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 50%;
}

#gridImage14Row2Column1EditButton {
    z-index: 9999;
    position: absolute;
    top: 52%;
    left: 2%;
    background-color: white;
    opacity: 0.6;
    font-weight: bold;
    font-size: 200%;
    width: 100px;
    height: 50px;
    border: 6px solid rgb(61, 120, 236);
}

#gridImage14Row2Column1EditButton:hover {
    cursor: pointer;
    border: 6px solid rgb(78, 204, 99);
}

#gridImage14Row2Column1ResetButton {
    z-index: 9999;
    position: absolute;
    top: 52%;
    left: 12%;
    background-color: white;
    opacity: 0.6;
    font-weight: bold;
    font-size: 200%;
    width: 100px;
    height: 50px;
    border: 6px solid rgb(61, 120, 236);
}

#gridImage14Row2Column1ResetButton:hover {
    cursor: pointer;
    border: 6px solid rgb(78, 204, 99);
}
/*---------------------------------------------*/
/* grid image 15 */
.gridImage15Column {
    display: -ms-flexbox;
    /* IE 10 */
    display: flex;
    flex-direction: column;
    -ms-flex-wrap: wrap;
    /* IE 10 */
    flex-wrap: wrap;
}

/* Create two equal columns that sits next to each other */
.gridImage15Row {
    display: flex;
    flex-direction: row;
    -ms-flex: 49%;
    /* IE 10 */
    flex: 49%;
}

.gridImage15Row img {
    vertical-align: middle;
    object-fit: cover;
    width: 100%;
    height: 100%;
}

#gridImage15 #gridImage15Row1Column1 [type="file"] {
    cursor: pointer;
    position: absolute;
    opacity: 0;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 50%;
}

#gridImage15Row1Column1EditButton {
    z-index: 9999;
    position: absolute;
    top: 2%;
    left: 2%;
    background-color: white;
    opacity: 0.6;
    font-weight: bold;
    font-size: 200%;
    width: 100px;
    height: 50px;
    border: 6px solid rgb(61, 120, 236);
}

#gridImage15Row1Column1EditButton:hover {
    cursor: pointer;
    border: 6px solid rgb(78, 204, 99);
}

#gridImage15Row1Column1ResetButton {
    z-index: 9999;
    position: absolute;
    top: 2%;
    left: 12%;
    background-color: white;
    opacity: 0.6;
    font-weight: bold;
    font-size: 200%;
    width: 100px;
    height: 50px;
    border: 6px solid rgb(61, 120, 236);
}

#gridImage15Row1Column1ResetButton:hover {
    cursor: pointer;
    border: 6px solid rgb(78, 204, 99);
}

/* --- */

#gridImage15 #gridImage15Row2Column1 [type="file"] {
    cursor: pointer;
    position: absolute;
    opacity: 0;
    top: 50%;
    right: 0;
    bottom: 0;
    left: 0;
    width: 50%;
    height: 50%;
}

#gridImage15Row2Column1EditButton {
    z-index: 9999;
    position: absolute;
    top: 52%;
    left: 2%;
    background-color: white;
    opacity: 0.6;
    font-weight: bold;
    font-size: 200%;
    width: 100px;
    height: 50px;
    border: 6px solid rgb(61, 120, 236);
}

#gridImage15Row2Column1EditButton:hover {
    cursor: pointer;
    border: 6px solid rgb(78, 204, 99);
}

#gridImage15Row2Column1ResetButton {
    z-index: 9999;
    position: absolute;
    top: 52%;
    left: 12%;
    background-color: white;
    opacity: 0.6;
    font-weight: bold;
    font-size: 200%;
    width: 100px;
    height: 50px;
    border: 6px solid rgb(61, 120, 236);
}

#gridImage15Row2Column1ResetButton:hover {
    cursor: pointer;
    border: 6px solid rgb(78, 204, 99);
}

/* --- */
#gridImage15 #gridImage15Row2Column2 [type="file"] {
    cursor: pointer;
    position: absolute;
    opacity: 0;
    top: 50%;
    right: 0;
    bottom: 0;
    left: 50%;
    width: 20%;
    height: 50%;
}

#gridImage15Row2Column2EditButton {
    z-index: 9999;
    position: absolute;
    top: 52%;
    left: 52%;
    background-color: white;
    opacity: 0.6;
    font-weight: bold;
    font-size: 200%;
    width: 100px;
    height: 50px;
    border: 6px solid rgb(61, 120, 236);
}

#gridImage15Row2Column2EditButton:hover {
    cursor: pointer;
    border: 6px solid rgb(78, 204, 99);
}

#gridImage15Row2Column2ResetButton {
    z-index: 9999;
    position: absolute;
    top: 52%;
    left: 62%;
    background-color: white;
    opacity: 0.6;
    font-weight: bold;
    font-size: 200%;
    width: 100px;
    height: 50px;
    border: 6px solid rgb(61, 120, 236);
}

#gridImage15Row2Column2ResetButton:hover {
    cursor: pointer;
    border: 6px solid rgb(78, 204, 99);
}

/* --- */
#gridImage15 #gridImage15Row2Column3 [type="file"] {
    cursor: pointer;
    position: absolute;
    opacity: 0;
    top: 50%;
    right: 0;
    bottom: 0;
    left: 70%;
    width: 30%;
    height: 50%;
}

#gridImage15Row2Column3EditButton {
    z-index: 9999;
    position: absolute;
    top: 52%;
    left: 73%;
    background-color: white;
    opacity: 0.6;
    font-weight: bold;
    font-size: 200%;
    width: 100px;
    height: 50px;
    border: 6px solid rgb(61, 120, 236);
}

#gridImage15Row2Column3EditButton:hover {
    cursor: pointer;
    border: 6px solid rgb(78, 204, 99);
}

#gridImage15Row2Column3ResetButton {
    z-index: 9999;
    position: absolute;
    top: 52%;
    left: 83%;
    background-color: white;
    opacity: 0.6;
    font-weight: bold;
    font-size: 200%;
    width: 100px;
    height: 50px;
    border: 6px solid rgb(61, 120, 236);
}

#gridImage15Row2Column3ResetButton:hover {
    cursor: pointer;
    border: 6px solid rgb(78, 204, 99);
}

/*---------------------------------------------*/
/* grid image 16 */
.gridImage16Column {
    display: -ms-flexbox;
    /* IE 10 */
    display: flex;
    flex-direction: column;
    -ms-flex-wrap: wrap;
    /* IE 10 */
    flex-wrap: wrap;
}

/* Create two equal columns that sits next to each other */
.gridImage16Row {
    display: flex;
    flex-direction: row;
    -ms-flex: 49%;
    /* IE 10 */
    flex: 49%;
}

.gridImage16Row img {
    vertical-align: middle;
    object-fit: cover;
    width: 100%;
    height: 100%;
}

#gridImage16 #gridImage16Row1Column1 [type="file"] {
    cursor: pointer;
    position: absolute;
    opacity: 0;
    top: 0%;
    right: 0;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 50%;
}

#gridImage16Row1Column1EditButton {
    z-index: 9999;
    position: absolute;
    top: 2%;
    left: 2%;
    background-color: white;
    opacity: 0.6;
    font-weight: bold;
    font-size: 200%;
    width: 100px;
    height: 50px;
    border: 6px solid rgb(61, 120, 236);
}

#gridImage16Row1Column1EditButton:hover {
    cursor: pointer;
    border: 6px solid rgb(78, 204, 99);
}

#gridImage16Row1Column1ResetButton {
    z-index: 9999;
    position: absolute;
    top: 2%;
    left: 12%;
    background-color: white;
    opacity: 0.6;
    font-weight: bold;
    font-size: 200%;
    width: 100px;
    height: 50px;
    border: 6px solid rgb(61, 120, 236);
}

#gridImage16Row1Column1ResetButton:hover {
    cursor: pointer;
    border: 6px solid rgb(78, 204, 99);
}

/* --- */
#gridImage16 #gridImage16Row2Column1 [type="file"] {
    cursor: pointer;
    position: absolute;
    opacity: 0;
    top: 50%;
    right: 0;
    bottom: 0;
    left: 0;
    width: 50%;
    height: 50%;
}

#gridImage16Row2Column1EditButton {
    z-index: 9999;
    position: absolute;
    top: 52%;
    left: 2%;
    background-color: white;
    opacity: 0.6;
    font-weight: bold;
    font-size: 200%;
    width: 100px;
    height: 50px;
    border: 6px solid rgb(61, 120, 236);
}

#gridImage16Row2Column1EditButton:hover {
    cursor: pointer;
    border: 6px solid rgb(78, 204, 99);
}

#gridImage16Row2Column1ResetButton {
    z-index: 9999;
    position: absolute;
    top: 52%;
    left: 12%;
    background-color: white;
    opacity: 0.6;
    font-weight: bold;
    font-size: 200%;
    width: 100px;
    height: 50px;
    border: 6px solid rgb(61, 120, 236);
}

#gridImage16Row2Column1ResetButton:hover {
    cursor: pointer;
    border: 6px solid rgb(78, 204, 99);
}

/* --- */
#gridImage16 #gridImage16Row2Column2 [type="file"] {
    cursor: pointer;
    position: absolute;
    opacity: 0;
    top: 50%;
    right: 0;
    bottom: 0;
    left: 50%;
    width: 50%;
    height: 50%;
}

#gridImage16Row2Column2EditButton {
    z-index: 9999;
    position: absolute;
    top: 52%;
    left: 52%;
    background-color: white;
    opacity: 0.6;
    font-weight: bold;
    font-size: 200%;
    width: 100px;
    height: 50px;
    border: 6px solid rgb(61, 120, 236);
}

#gridImage16Row2Column2EditButton:hover {
    cursor: pointer;
    border: 6px solid rgb(78, 204, 99);
}

#gridImage16Row2Column2ResetButton {
    z-index: 9999;
    position: absolute;
    top: 52%;
    left: 62%;
    background-color: white;
    opacity: 0.6;
    font-weight: bold;
    font-size: 200%;
    width: 100px;
    height: 50px;
    border: 6px solid rgb(61, 120, 236);
}

#gridImage16Row2Column2ResetButton:hover {
    cursor: pointer;
    border: 6px solid rgb(78, 204, 99);
}