.zoomable {
 max-width: 400px;
 cursor: zoom-in;
 transition: transform 0.2s;
}

 .zoomable:hover {
  transform: scale(1.05);
 }

/* Modal */
.modal {
 display: none;
 position: fixed;
 top: 0;
 left: 0;
 width: 100%;
 height: 100%;
 background: rgba(0, 0, 0, 0.92);
 z-index: 1000;
 align-items: center;
 justify-content: center;
}

.modal-content {
 max-width: 92%;
 max-height: 92%;
 cursor: zoom-out;
}

.close {
 position: absolute;
 top: 20px;
 right: 30px;
 color: #fff;
 font-size: 45px;
 font-weight: bold;
 cursor: pointer;
 z-index: 1001;