Я пытаюсь создать простую страницу с фоновым видео, фоновой музыкой и изображением, которое помещается на top видео.Видео фон и музыка в настоящее время работают нормально, но, несмотря на то, что я, кажется, пробую, изображение остается под видео.
HTML
<!DOCTYPE html>
<html>
<head>
<link rel="stylesheet" href="mystyle.css">
</head>
<body>
<img src="Picture.jpg">
<embed name="Song" src="Song.mp3" loop="false" hidden="true" autostart="true">
<div class="section">
<video autoplay loop muted>
<source src="Background.mp4" type"video/mp4">
</video>
</div>
</body>
</html>
CSS
.section{
position: fixed;
right: 0;
bottom: 0;
width: auto;
height: auto;
display: flex;
align-items: center;
justify-content: center;
z-index: 500;
}
.img src {
position: fixed;
align-items: center;
justify-content: center;
z-index: 1;
}