tyzberd

https://css-tricks.com/almanac/properties/o/object-fit/
и для старых браузеров https://github.com/bfred-it/object-fit-images

idangero.us/swiper/demos
Multi Row Slides Layout
но там на flex

все данные в коде отправки, а ваших id="ex_date" и id="ex_time" там нет

svg + transition + opacity
https://codepen.io/robertamesbury/full/ORLdWE

// Look for .hamburger
  var hamburger = document.querySelector(".hamburger");
  // On click
  hamburger.addEventListener("click", function() {
    // Toggle class "is-active"
    hamburger.classList.toggle("is-active");
    // Do something else, like open/close menu
  });

.animate()
тут правда вертикальное сворачивание https://codepen.io/Mhmdhasan/pen/avyXpd

https://developer.mozilla.org/en-US/docs/Web/HTML/...
https://developer.mozilla.org/ru/docs/Web/HTML/Ele...
https://developer.mozilla.org/ru/docs/Web/HTML/Ele...
только смотрите поддержку srcset, source

можно используя gulp
https://codehangar.io/concatenate-and-minify-javas...
https://www.youtube.com/watch?v=wZtIiGZSthg
а можно вручную + https://jscompress.com/

использовать class

components идут с демо https://framework7.io/docs/accordion.html
https://material.io/guidelines/components/bottom-n...

пробуйте использовать
slick.$slides
nextSlide

.l-section.sticky {
position: fixed!important;
top: 0;
left: 0;
right: 0;
}

есть svg спрайты https://css-tricks.com/svg-sprites-use-better-icon...
https://css-tricks.com/svg-use-with-external-refer...
svg можно добавить как на страницу так и в отдельный файл