#modalImage .modal-dialog {
	max-width: 70vw;
	max-height: 90vh;
	margin: 1.75rem auto;
}

#modalImage .modal-content {
	display: flex;
	flex-direction: column;
	height: auto;
	max-height: 90vh;
}

#modalImage .modal-header,
#modalImage .modal-footer {
	flex-shrink: 0;
}

#modalImage .modal-body {
	flex: 1;
	display: flex;
	justify-content: center;
	align-items: center;
	padding: 1rem;
	overflow: hidden;
}

#modalImageElement {
	max-width: 100%;
	max-height: calc(90vh - 120px);
	width: auto;
	height: auto;
	object-fit: contain;
	display: block;
}

@media (max-width: 576px) {
	#modalImage .modal-dialog {
		max-width: 95vw;
		max-height: 80vh;
	}

	#modalImage .modal-content {
		max-height: 80vh;
	}
}