.modal-overlays{position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,.8);display:flex;justify-content:center;align-items:center;z-index:1000}.modal-contents{position:relative;overflow:hidden}.modal-contents,.modal-image{max-width:90%;max-height:90%}.close-button{position:absolute;top:4px;right:10px;background:transparent;border:none;cursor:pointer;color:#000;font-size:20px;font-weight:700}.main-image{cursor:pointer;position:relative;width:auto;height:auto}.close-icon{display:inline-block;color:#fff;font-size:20px}.image-container{position:relative;flex:0 0 80%;height:200px}.table-container{flex:0 0 20%;display:flex;justify-content:center;align-items:center}table{width:100%;border-collapse:collapse}table td{padding:8px;border:1px solid #ccc}.content{flex:1 1}.card{display:flex;flex-direction:column}.text p{margin-bottom:10px}