Вложено несколько видео, первое видео воспроизводится везде, где есть видео

Question

У меня есть страница в стиле блога с абзацами, а после каждого абзаца есть фото и видео. Везде, где есть видео, воспроизводится первое видео

У меня есть этот макет несколько раз подряд. Например, первый раз это изображение1 и видео1, а второй раз - изображение2 и видео2. Проигрывается картинка1 и видео1, затем картинка2 и видео1 весь путь вниз. Почему это происходит?

HTML:

<div class="entry">
   <p>Para</p>
</div>

<div class="image">
   <img src="image.jpg">
</div>
<div class="image">
   <video><source src="image=.MP4">   </video>
</div>

CSS:

.entry p{
    font-family: "Reenie Beanie";
    font-size: 33px;
    margin-left: 35px;
    margin-right: 60px;
    font-weight: lighter;

}
.image img{
    width: 400px;
    height: 550px;
    float: left;
    margin-left: 70px;
    margin-top: 40px;
    margin-bottom: 70px;
    box-shadow: 6px 15px 10px 6px;
    position: relative;
}
.image video{
    width: 400px;
    height: 550px;
    float: left;
    margin-left: 70px;
    margin-top: 40px;
    margin-bottom: 70px;
    box-shadow: 6px 15px 10px 6px;
    position: relative;
 }