ANKU

Да, возможно, гугли masonry

Держи, скопируй в Т123


Или вот покороче вариант

<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>

Вопрос ты задал не совсем правильно, но кажется я понял в чем суть))
Тебе необходимо, чтобы слайдер был в рамказ стандартного контейнера, а не на всю ширину окна браузера.
В примере по ссылке есть строчка [class*="uc-run-logo"] .t774__container
там определена ширина контейнера max-width: calc(100vw - var(--dbmSliderRunPadding) * 2);
Впиши вместо этого

[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);
  }
}

Картинка поверх текста
backdrop-filter: invert(1);
mix-blend-mode: color;

Или с дублем текста

Например вот: