ANKU

function wrapElements(selectors, wrapperTag = 'div', wrapperClass) {
  const elems = selectors
    .map(sel => document.querySelector(sel))
    .filter(el => el !== null);
  if (elems.length < 2) {
    console.warn('Не все элементы найдены');
    return null;
  }
  const parent = elems[0].parentNode;
  if (!elems.every(el => el.parentNode === parent)) {
    console.warn('Элементы не соседи');
    return null;
  }
  const children = Array.from(parent.children);
  const sorted = elems.slice().sort(
    (a, b) => children.indexOf(a) - children.indexOf(b)
  );
  const wrapper = document.createElement(wrapperTag);
  if (wrapperClass) wrapper.classList.add(wrapperClass);
  parent.insertBefore(wrapper, sorted[0]);
  sorted.forEach(el => wrapper.appendChild(el));
  return wrapper;
}
wrapElements(['.div-1', '.div-2'], 'div', 'my-wrapper');

<script src="https://cdn.jsdelivr.net/gh/shiza7872/My-First-Project/Fluid.js"></script>

<style>
  #renderSurface {
    width: 100%;
    height: 100vh;
    position: fixed;
    left: 0;
    top: 0;
    z-index: -1;
  }
</style>
<canvas id="renderSurface"></canvas>

<script>
  const canvas = document.getElementById('renderSurface');
  let myFluid = new Fluid(canvas);
  myFluid.activate();
</script>

$(document).ready(() => {
  // Все элементы с классом img-N
  $('[class*="img-"]').on('click', function() {
    const $img = $(this);
    // Среди классов img-<число>
    const imgClass = $img.attr('class')
      .split(/\s+/)
      .find(c => /^img-\d+$/.test(c));
    if (!imgClass) return;

    const idx = imgClass.split('-')[1];
    const $checkbox = $(`input[name="check-${idx}"]`);
    if (!$checkbox.length) return;

    // Тогглим класс и состояние чекбокса
    const isActive = $img.toggleClass('active').hasClass('active');
    $checkbox.prop('checked', isActive);
  });
});

document.addEventListener('DOMContentLoaded', () => {
  // Все элементы с классом img-N
  const images = document.querySelectorAll('[class*="img-"]');

  images.forEach(img => {
    img.addEventListener('click', () => {
      // Класс вида img-N
      const imgClass = img.className
        .split(/\s+/)
        .find(c => /^img-\d+$/.test(c));
      if (!imgClass) return;

      const idx = imgClass.split('-')[1];
      const checkbox = document.querySelector(`input[name="check-${idx}"]`);
      if (!checkbox) return;

      // Тогглим класс и состояние чекбокса
      const isActive = img.classList.toggle('active');
      checkbox.checked = isActive;
    });
  });
});

[class*="uc-run-logo"] .t774__container {
  max-width: 1160px;
}
@media screen and (max-width: 1200px) {
  {
    max-width: 940px;
  }
}
@media screen and (max-width: 960px) {
  {
    max-width: 620px;
  }
}
@media screen and (max-width: 640px) {
  {
    max-width: 460px;
  }
}
@media screen and (max-width: 480px) {
  {
    max-width: max-width: calc(100% - 40px);
  }
}