HTML/CSS无法向上重新定位嵌入式视频

我正在努力使嵌入式视频向上。我尝试了很多东西，但我似乎不知道如何才能做到这一点

下面是它现在的样子的屏幕截图：

HTML代码：

<div class="movie">
    <iframe width="560" height="315" src="https://www.youtube.com/embed/3TKDCQCTuzQ" frameborder="0" allow="accelerometer; autoplay; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe>
</div>

---

如果我更改边距底部值，则不会发生任何事情。我也尝试过使用

底部

和

边距顶部

，但也没有成功。

取决于文本是否与视频位于同一父容器中。如果不同，则使用边距-，如

边距顶部：-300px，但我不建议使用这个。
如果您完全控制html，请将文本和视频移动到同一父容器，如：


.containerx{
显示器：flex；
柔性包装：包装；
}
.movie{宽度：33%；溢出：隐藏；}
.text{宽度：66%；}

知识是一种美德，是一种美德，是一种美德，是一种美德。但是，在最低限度上，我们需要一个实验室来进行日常工作。两人或两人在一个无教区的房间里互相指责。除偶尔因疏忽而死亡外，不得因疏忽而导致动物死亡。
我已经试过了，效果不错。非常感谢你！
.movie{
    display: block;
    position: relative;
    margin-bottom: 30%;
    margin-left: 12%;
}