Как добавить стилей для тега video, которые используются для тега img?

alaskafx, я хотел просто заменить gif'ки на видео файлы, чтобы снизить скорость сайта, и вот поменял на видосы а теперь их норм вставить вместо гифок не могу, у гифок был тег img а у видосов video тег надо

Как добавить стилей для тега video, которые используются для тега img?

Нашел один косяк, но как исправить не пойму.
Тег видео уже используется и у него уже заданы длина и ширина

Скинул ссылку на полный код .css

Как добавить стилей для тега video, которые используются для тега img?

Вот css (я искал по файлу .a-card img и создавал такой же но с video)

#s6 .a-card img {
    width: auto;
}
#s6 .a-card video {
    width: auto;

}#s8 .a-card img {
    width: auto;
}
#s8 .a-card video {
    width: auto;
}

.a-card img {
    width: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    -o-object-position: center;
    object-position: center;
    margin: 0 auto 24px;
}

.a-card video {
    width: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    -o-object-position: center;
    object-position: center;
    margin: 0 auto 24px;
}

а вот html (в нем я пока один тег img заменил на video)

<div class="row">
                <div class="col-xl-4 col-lg-4 col-md-4 col-sm-4">
                    <div class="a-card">
                        <video>
                            <source src="img/s5-1.webm">
                        </video>
                        <p>01</p>
                        <span></span>
                    </div>
                </div>
                <div class="col-xl-4 col-lg-4 col-md-4 col-sm-4">
                    <div class="a-card">
                        <img src="img/s5-2.gif" alt="">
                        <p>02</p>
                        <span></span>
                    </div>
                </div>
                <div class="col-xl-4 col-lg-4 col-md-4 col-sm-4">
                    <div class="a-card">
                        <img src="img/s5-3.gif" alt="">
                        <p>03</p>
                        <span></span>
                    </div>
                </div>
            </div>