.modal-fullscreen {
    width: 100%;
    height: 100%;
    margin: 0;
}

.modal-fullscreen .modal-dialog {
    width: 100%;
    height: 100%;
    margin: 0;
}

.modal-fullscreen .modal-content {
    height: 100%;
}

.modal-fullscreen .modal-body {
    height: calc(100% - 120px); /* Adjust as needed to account for the header and footer */
    overflow-y: hidden;
    overflow-x: hidden;
}


.selected-thumbnail {
    border: 2px solid blue;
}

.thumbnail-img {
    opacity: 0.8;
    transition: opacity 0.3s ease-in-out;
}

.thumbnail-img:hover {
    opacity: 1;
}