/* Styling the video container with 16:9 aspect ratio */
.video-container {
  position: relative;
  width: 100%;
  min-width:100%;
  padding-top: 56.25%; /* Default 16:9 aspect ratio */
  height: 0;
  overflow: hidden;
  background: #000; /* Optional: background color for container */
}

.video-container iframe,
.video-container object,
.video-container embed {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border: none; /* Remove any default border */
}

/* Example for 4:3 aspect ratio */
.video-container.aspect-ratio-4-3 {
  padding-top: 75%; /* 4:3 aspect ratio */
}

/* Hides the accessible link visually but keeps it available for screen readers */
.video-link {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  border: 0;
  white-space: nowrap;
}