CSS Meme Slider

[drbliman]

1. Task: https://drbliman.github.io/cssMemeSlider/cssMemeSlider/index.html
2. Screenshot:
   
3. Deploy: https://github.com/rolling-scopes-school/tasks/tree/master/tasks/css-meme-slider
4. Done 14.09.2023 / deadline 18.09.2023
5. Score: 150 / 150
   5.1 Выполнено всё из секции Требования к репозиторию и как сабмитить задание +30
   5.2 Слайдер позиционируется с равными отступами слева и справа +10
   5.3 Соблюдено расположение картинок, подписей к ним и контролов +10
   5.4 Имеется плавная анимация смены картинок +20
   5.5 Имеется плавная анимация смены подписей к картинкам +10
   5.6 Подписи к картинкам должны быть строковыми значениями (текстом), т.е. текст не должен быть частью картинки
   +15
   5.7 Каждый контрол имеет большую область нажатия, чем размер самого контрола +5
   5.8 Контролы имеют интерактивность (момент наведения, момент нажатия, активный контрол, изменение курсора)
   +10
   5.9 Имеется мобильная версия слайдера, и соблюдено расположение картинок, подписей к ним и контролов +20
   5.10 Используются только относительные единицы измерения для основных блоков (картинки, контролы, подписи).
   5.11 Относительные единицы: rem, em, %, vh, vw, fr and etc... - присутствует "резиновость" слайдера +10
   5.12 Все блоки/составные части слайдера (контролы, картинки, подписи к слайдеру) находятся в базовом потоке дом-
   элементов, не позиционируются (position) с помощью top, left, right, bottom, не используется float. Можно: flex,
   grid, margin-left and etc... - все, что не упомянуто в запретах выше. Свойство position может быть только static. +5
   5.13 Не используются псевдоэлементы (не путать с псевдоклассами, псевдоклассы можно). +5
   5.14 Mобильная версия 800x1800, версия для ПК - 1920×1080.