.thumbnail-container {
    position: relative;
    display: inline-block;
}

.thumbnail-preview {
    display: none;
    position: fixed;
    width: 200px;
    height: 150px;
    background: #fff;
    border: 1px solid #ccc;
    z-index: 1000;
    overflow: hidden;
}

.thumbnail-preview iframe {
    width: 1000px; /* Original width */
    height: 750px; /* Original height */
    border: 10px solid black; /* Add black border */
    overflow: hidden;
    pointer-events: none; /* Prevent interaction with iframe content */
    -moz-transform: scale(0.2);
    -moz-transform-origin: 0 0;
    -o-transform: scale(0.2);
    -o-transform-origin: 0 0;
    -webkit-transform: scale(0.2);
    -webkit-transform-origin: 0 0;
    transform: scale(0.2);
    transform-origin: 0 0;
    scrollbar-width: none; /* Hide scrollbar */
}

.thumbnail-link:hover + .thumbnail-preview {
    display: block;
}