.modal-content img,
.modal-content iframe {
    max-width: 100%;
    height: auto;
    border: 1px solid #ddd;
    border-radius: 5px;
}

.modal-content img {
    max-height: 60vh; /* Limit the height to 60% of the viewport height */
    object-fit: contain;
}

.modal-content iframe {
    width: 100%;
    height: 70vh; /* Use a responsive height */
}

@media (max-width: 768px) {
    .modal-content embed {
        height: 50vh; /* Adjust height for smaller screens */
    }
}