.modern-video-gallery {
display: flex;
justify-content: space-between;
gap: 20px; /* Adjust the spacing between videos */
flex-wrap: wrap; /* Allow videos to wrap to the next line */
}
.video-item {
width: calc(33.33% - 10px); /* Adjust the width of each video item */
max-width: 300px; /* Set a maximum width for better responsiveness */
overflow: hidden;
border-radius: 10px; /* Add rounded corners for a modern look */
box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1); /* Add shadow for depth */
}
.video-item iframe {
width: 100%;
height: 200px; /* Set the height of each video */
transition: transform 0.3s ease-in-out; /* Add a smooth transition effect */
}
.video-item:hover iframe {
transform: scale(1.1); /* Enlarge the video on hover for a modern effect */
}
