Make the video section height on the main page flexible

[shurup]

This PR improves the KubeCon links section redesign introduced in #49167. While propagating these recent changes to various localisations, I stumbled upon an issue in #49442. When we have a lot of content in the video block (which includes the KubeCon links section), some links might not fit due to a limited height. Here, you can see a missing (hidden) link to the 5th event in the Portuguese localisation:

To prevent this from happening, this PR gets rid of fixed heights for the video block. With overflow:hidden added, it makes its height flexible. E.g., we'll be able to add even more events with no issue:

To keep backward compatibility with the pages using old KubeCon links, the #video:has(#desktopKCButton) workaround is added to _base.scss.

My changes also remove an unnecessary 200px-height video block with no content for the mobile layout — it will just disappear. Let me know if we really need it back for mobiles:

P.S. I tested the changes in two browsers (Chrome & Firefox) and various localisations (e.g., those that have already adopted new KubeCon links and those that have not).

[k8s-ci-robot]

[APPROVALNOTIFIER] This PR is NOT APPROVED

This pull-request has been approved by:
Once this PR has been reviewed and has the lgtm label, please assign tengqm for approval. For more information see the Code Review Process.

The full list of commands accepted by this bot can be found here.

Needs approval from an approver in each of these files:

• OWNERS

Approvers can indicate their approval by writing /approve in a comment
Approvers can cancel approval by writing /approve cancel in a comment

[netlify]

✅ Pull request preview available for checking

Built without sensitive environment variables

Name	Link
🔨 Latest commit	ff7c22b
🔍 Latest deploy log	https://app.netlify.com/sites/kubernetes-io-main-staging/deploys/67877c00b84e1a00088d796e
😎 Deploy Preview	https://deploy-preview-49443--kubernetes-io-main-staging.netlify.app
📱 Preview on mobile	Toggle QR Code... Use your smartphone camera to open QR code link.

---

To edit notification comments on pull requests, go to your Netlify site configuration.

[shurup]

@natalisucks hi! Can I please ask for your assistance in moving forward with this PR? 🙏 Previously, I made a thread in Slack to get more attention, but it did not help.

[divya-mohan0209]

@shurup Thanks for this PR! This is a significant change for docs, and while we do need the mobile bit, it can be iterated upon in a follow-up PR. However, I'd like other tech leads, co-chairs, or any approver to chime in here with their views, as well.
/hold
/lgtm

[k8s-ci-robot]

LGTM label has been added.

Git tree hash: bd8df8c73a417eb3379931519b34407f12e4563f