.video-row { display: flex; flex-wrap: wrap; gap: 15px; justify-content: center; } .video-column { flex: 1 1 calc(33.333% - 15px); /* 3 columns layout */ max-width: 33.333%; text-decoration: none; position: relative; } .video-wrapper { position: relative; width: 100%; padding-top: 56.25%; /* 16:9 aspect ratio */ overflow: hidden; border-radius: 12px; } .video-bg { position: absolute; top: 0; left: 0; width: 100%; height: 100%; object-fit: cover; /* Auto adjust size to fit */ filter: blur(2px); /* little blur */ } .play-button { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); width: 60px; height: 60px; background: rgba(255, 255, 255, 0.6); border-radius: 50%; pointer-events: none; }
