.container-image-overlay { position: relative; width: 100%; box-shadow:none; border:none; }
.image-overlay { opacity: 5; display: block;  width: 100%; height: 100%; transition: .5s ease; backface-visibility: hidden; box-shadow:none; border:none; }
.middle-overlay { transition: .5s ease;  opacity: 0; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%) ;  box-shadow:none; border:none; }
.container-image-overlay:hover .image-overlay { opacity: 0.3;  }
.container-image-overlay:hover .middle-overlay { opacity: 1; box-shadow:none; border:none; }
.text-overlay { color: white; }
.wrapper-zoom { width: 100%; margin: 0 auto; }
.zoom-effect { position: relative; width: 100%; height: auto;  overflow: hidden; padding:5px; box-shadow:none; border:none; }
.zoom-effect2 { position: relative; width: 100%;  height: 100%; overflow: hidden; }
.kotak2 { }