.modal {
  display: none; /* Hidden by default */
  position: fixed; /* Stay in place */
  left: 0;
  top: 0;
  width: 100%; /* Full width */
  height: 100%; /* Full height */
  overflow: auto; /* Enable scroll if needed */
  background-color: rgb(0,0,0); /* Fallback color */
  background-color: rgba(0,0,0,0.4); /* Black w/ opacity */
}

/* Modal Content */
.modal-content {
  background-color: #fefefe;
  margin: auto;
  padding: 20px;
  border: 1px solid #888;
  width: 80%;
  height: 80%;
}

#compareContent {
    width: 80%; 
    height: 90%;
    margin: 0 auto;
    object-fit: contain;
}

.before-effect-main-div {
    margin: 30px auto 0;
    width: auto; 
    height: 100%;
}

.before-effect-main-div > img, .before-effect-main-div > div > img { 
    height: 100%;
    width:100%;
}