视频面板位置丢失

我在 owl carousel 中使用了 <video /> 标签，但是下载面板的位置丢失了，你可以看到它向左移动，有时移动到顶部左侧或左下角。

我曾尝试为视频添加以下 CSS 样式，但没有奏效。

video {
  width: 100%;
  height: auto;
  display: block;
}

面板位置在猫头鹰轮播外面效果很好，但在里面却没有。

我没有注意到视频采用了猫头鹰轮播样式的任何样式，所以我想不出问题出在哪里！

这是一个 codepen demo，它在小于 1600 像素的媒体上显示错误的下载面板位置。