Адаптивное видео с YouTube - Joomla 4 и Joomla 5: Общие вопросы

Здравствуйте! Подскажите пожалуйста как сделать в материале адоптивную встаку видео.
Шаблон: Cassiopeia
Редактор: TinyMCE

На Пк норм, а вот на мобильных устройствах всё печально:

так ширину 100%

так ширину 100%

Как сделать чтоб шаблон с виде от YouTube стал адаптивым для мобильных? Куда 100% прописывать?

так смотря как вставляете видео
фреймом или так

В стилях где-нибудь в конце (не думаю что кроме YouTube у вас там еще другие ифреймы есть)

В общем решил топорно проблему дописав в стили max-width: 100%; - грубая ошибка лучше чем ничего готовый код кому нужно:

*, :after, :before {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    max-width: 100%;
}

А так нужно создавать .video-container, каким то чудом сделать вставку через TinyMCE в него. А так TinyMCE почему то видео вставляет в *, :after, :before. Кто знает поправит меня возможно и решит проблему правильным путём.