Как делать такие плееры?

Чем этот вопрос отличается от предыдущего?
https://qna.habr.com/q/1140212

Как запретить зум при двойном клике?

Евгений Винокуров, просто большинство браузеров очень разумно игнорируют запрет масштабирования. Поэтому и page speed нет смысла обращать внимание на то, написан он или нет.

Как подстраивать размер слайдера под текущую просматриваемую картинку?

gazes12, исправлять ваш код слайдера не имеет смысла.
Тут полно разных https://codepen.io/search/pens?q=slider, смотрите и разбирайтесь как сделано.

Как подстраивать размер слайдера под текущую просматриваемую картинку?

gazes12, например, через счетчик. Стрелка вперед +1, стрелка назад -1

Перед тем как это делать, подумайте о том, действительно ли вам нужны эти кошмарные прыжки слайдера и что будете делать, если картинка окажется шире контентной области.

Почему теги HTML, BODY и DIV не закрываются?

Levidze222, вам поможет валидатор https://validator.w3.org/nu/
Вы неверно используете и неверно вкладываете теги друг в друга.
Как только исправите все ошибки, станет хорошо или по крайней мере лучше.

Есть ли перспективы у российского интернет-маркетинга после санкций?

nkharinn, вообще никакой. Мы же теперь вообще ничего покупать не будем.

Как подстраивать размер слайдера под текущую просматриваемую картинку?

gazes12, я бы задала для -line, просто потому что писать меньше. Родительские блоки сами подстроятся.

Как подстраивать размер слайдера под текущую просматриваемую картинку?

gazes12,
как вам удобнее

Как подстраивать размер слайдера под текущую просматриваемую картинку?

gazes12,
- задаете слайдеру высоту
- картинкам height 100% по высоте слайдера
- убираете ограничение по ширине max-width 100%
- получаете ширину текущего слайда
- задаете её слайдеру

Но всё будет прыгать и дергаться при перелистывании слайдов из-за разной ширины картинок.

Как подстраивать размер слайдера под текущую просматриваемую картинку?

Чтобы уменьшался сам слайдер - пишите JS

Обычно вашу задачу решают так:
https://swiperjs.com/demos#slides-per-view-auto

Как прижать картинку к нижней и верхней стороне(в зависимости от высоты )?

Kostylev2021, если в браузерах посетителей вашего сайта работают - можете использовать ;)

Как прижать картинку к нижней и верхней стороне(в зависимости от высоты )?

До тех пор пока не заработают media по контейнеру - на css никак.

Как растянуть слайды на весь размер слайдера?

gazes12, по-моему, я вчера вам все варианты перечислила.
Либо обрежется, либо останется свободное место либо изменятся пропорции. Вы выбрали последний.

Как сверстать следующие блоки?

Kostylev2021, угу, у элементов с размерами 0х0 фона не видно...

Как растянуть слайды на весь размер слайдера?

Чтобы дочерний элемент был по ширине равен родительскому, нужно задать ему width: 100%
И учесть нюансы отступов, flex-shrink, overflow и т.д.

Как сверстать следующие блоки?

Фонами.
Листики фонами псевдоэлемента, чтобы выпирали из блока. Альтернатива: разрезать и задать фонами двух блоков.
Пицца - фон псевдоэлемента.

Как сделать адаптивный шрифт в css или js?

Можно ли как нибудь сделать, что бы что бы текст по ширине всегда был допустим 50% относительно блока, скажем так, похожее св-во на font-size: 5vw,

Можно.
Осталось посчитать сколько это vw.
При перестроениях блока переписывать в media.

Альтернативы - скрипты типа fittext.

раньше постоянно использовал адаптивный текст с помощью миксинов в scss

Если что, теперь для этого есть нативный clamp.

Как сделать чтобы картинки подстраивались под высоту и ширину слайдера?

gazes12, да как хотите так и делайте.
Если эти стили нужны всем картинкам на сайте, то почему нет.
Но обычно не так.

Впрочем, и не часто встречаются люди, которым нужны картинки с нарушением пропорций.

Как сделать чтобы картинки подстраивались под высоту и ширину слайдера?

gazes12, если родитель по которому они выравниваются будет адаптироваться, то у картинок не будет другого выхода.

Как сделать чтобы картинки подстраивались под высоту и ширину слайдера?

gazes12, сомнительное желание.
Но задайте высоту и ширину по 100%.