Lightbox CMS Collection

I wanted to make it so that you could add new brands and upload videos through cms without entering the layout itself. To do this, I created 2 collections and combined them with a code, that is, videos that have the brand name in the settings are immediately pulled into the appropriate group. But: they do not pull up the lightbox - this is what makes it possible to open the video view limited to one brand.
To merge the two collections, I used this code:

.tr-item {display: inline-block;}
.tr-contain{display:block !important;}
    outline: none;
.slick-slide, .slick-slide *{ outline: none !important; }

<script type="text/javascript" src=""></script>


// when document is fully loaded
$( document ).ready(function() {

  dots: false,
  speed: 1000,
  infinite: false,
  slidesToShow: 6,
  slidesToScroll: 1,
  arrows: false,
  responsive: [
      // tablet
      breakpoint: 991,
      settings: {
        slidesToShow: 2
      // mobile portrait
      breakpoint: 479,
      settings: {
        slidesToShow: 1





Can someone help me either update this code or give me some advice on how to make the videos group into lightbox groups by category?

P.S. I used the embedded code to display the video, because I need the video to play on the hover.

Thank you in advance!

Here is my site:
http:// Social Media Content