/* This file contains fixes so that the videos render correctly in a web browser */

div:has(> video) {
  position: relative;
  overflow: hidden;
}
video {
  height: 100%; /* Match parent's height */
  width: auto; /* Maintain aspect ratio */
  position: absolute; /* Allow precise positioning */
  top: 50% !important; /* Center vertically */
  left: 50% !important; /* Center horizontally */
  transform: translate(-50%, -50%); /* Offset the element's center point */
  object-fit: contain; /* Ensure the video fits within the parent container */
}
