Станислав Некрасов

Надо это:

document.getElementById('video').style.css = 'height:90%;width:100%;';

Заменить на:

document.getElementById('video').style.cssText = 'height:90%;width:100%;';

А лучше вообще так:

let videoElem = document.getElementById('video');
videoElem.style.height = '90%';
videoElem.style.width = '100%';

P.S. А лучше это делать классами:

document.getElementById('video').classList.add('fullscreen');

<style>
.fullscreen {
    height: 90%;
    width: 100%;
}
</style>

Полезное по этой теме

По идее:

.work__card__title,
.work__card__text,
.work__card img {
    transition: opacity .5s; /* Или тут другое время, в секундах */
}

Как вариант, можно попробовать добавить атрибут draggable картинке:

<img src="path/to/image" alt="" draggable="false" />

Но он не везде поддерживается)