.masonry-container {
    column-count: 2;
    column-gap: 1em;
}

.masonry-item {
    display: inline-block;
    width: 100%;
    margin-bottom: 1em;
    overflow: hidden;	
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1); /* Shadow effect */
}

/* Ensure iframes maintain aspect ratio */
.masonry-item iframe {
    width: 100%;
    height: 0;
    padding-bottom: 56.25%;
    position: relative;
    border-radius: 10px; 
}

.masonry-item iframe {
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    border: none; /* Remove border */
}

/* Responsive adjustments */
@media (max-width: 1200px) {
    .masonry-container {
        column-count: 2;
    }
}

@media (max-width: 768px) {
    .masonry-container {
        column-count: 1;
    }
}