making a html carosel for my website, clean this html up so that I can use it

<div class="row-align-center noBorder radius0 none c-row c-wrapper row-6kZP98WG2LoI" id="row-6kZP98WG2LoI"><!----><!----><div class="inner"><!----><!--[--><!--[--><div class="noBorder radius0 none c-column c-wrapper col-eiFPC3UAlpvk" id="col-eiFPC3UAlpvk"><!----><!----><div class="vertical inner"><!----><!--[--><!--[--><div id="sub-heading-L96ofK99O4tW" class="c-sub-heading c-wrapper"><!----><!----><!----><div class="sub-heading-L96ofK99O4tW text-output csub-heading-L96ofK99O4tW noBorder radius0 none" data-animation-class=""><div><h2><strong>Integrates With Your Favorite Tools</strong></h2></div></div><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----></div><!--]--><!--]--></div><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----></div><!--]--><!--]--></div><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----></div>

<div class="row-align-center noBorder radius0 none c-row c-wrapper row-KDHXbEnGaKcH" id="row-KDHXbEnGaKcH"><!----><!----><div class="inner"><!----><!--[--><!--[--><div class="noBorder radius0 none c-column c-wrapper col-oIrKB5xrGOSV" id="col-oIrKB5xrGOSV"><!----><!----><div class="vertical inner"><!----><!--[--><!--[--><div id="custom-code-8vSy53qXOK6B" class="c-custom-code c-wrapper custom-code-8vSy53qXOK6B"><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><div id="custom-code-8vSy53qXOK6B" class="custom-code-container ccustom-code-8vSy53qXOK6B"><style>
.scroller__inner {
  display: flex;
  flex-wrap: wrap;
  gap: 3rem;
}

.scroller[data-animated="true"] {
  overflow: hidden;
  -webkit-mask: linear-gradient(
    90deg,
    transparent,
    white 5%,
    white 95%,
    transparent
  );
  mask: linear-gradient(90deg, transparent, white 5%, white 95%, transparent);
}

.scroller[data-animated="true"] .scroller__inner {
  width: max-content;
  flex-wrap: nowrap;
  animation: scroll var(--_animation-duration, 40s)
    var(--_animation-direction, forwards) linear infinite;
}

.scroller[data-direction="right"] {
  --_animation-direction: reverse;
}

.scroller[data-direction="left"] {
  --_animation-direction: forwards;
}

.scroller[data-speed="fast"] {
  --_animation-duration: 20s;
}

.scroller[data-speed="slow"] {
  --_animation-duration: 60s;
}

@keyframes scroll {
  to {
    transform: translate(calc(-50% - 0.5rem));
  }
}
.scroller img {
    height: 50px;
  	width:auto;
    max-width: 100%;
    display: inline-block;
}
@media (max-width:932px) {
  .scroller img{
  	width:auto;
  }
}
</style>
<div class="scroller" data-direction="left" data-speed="slow" data-animated="true">
  <div class="scroller__inner">
    <img src="https://storage.googleapis.com/msgsndr/knES3eSWYIsc5YSZ3YLl/media/67ab96a506eacd2a0b72e015.png" alt="Printfull" height="50px;" width="100%">
    <img src="https://assets.cdn.filesafe.space/knES3eSWYIsc5YSZ3YLl/media/6708273f16989c97e93c88f4.png" alt="HIPAA">
    <img src="https://storage.googleapis.com/msgsndr/knES3eSWYIsc5YSZ3YLl/media/67ab96a5eeb737f0f46d445b.png" alt="Xero">
    
    <img src="https://storage.googleapis.com/msgsndr/knES3eSWYIsc5YSZ3YLl/media/67abd58650fb000ed8851f30.png" alt="Zapier">
     <img src="https://storage.googleapis.com/msgsndr/knES3eSWYIsc5YSZ3YLl/media/67af641f237ce2563df82508.png" alt="WhatsApp">
    
    <img src="https://storage.googleapis.com/msgsndr/knES3eSWYIsc5YSZ3YLl/media/67ab96a572d42b2bbdab113b.png" alt="Wave">
    <img src="https://storage.googleapis.com/msgsndr/knES3eSWYIsc5YSZ3YLl/media/67ab96a579284bbe3b6a77ac.png" alt="Facebook">
    <img src="https://storage.googleapis.com/msgsndr/knES3eSWYIsc5YSZ3YLl/media/67ab96a579284bdb1a6a77ab.png" alt="Clio">
    <img src="https://storage.googleapis.com/msgsndr/knES3eSWYIsc5YSZ3YLl/media/67ab96a5ee6da9493235043e.png" alt="Stripe">
    <img src="https://storage.googleapis.com/msgsndr/knES3eSWYIsc5YSZ3YLl/media/67ab96a5ee6da9500a35043d.png" alt="Shopify">
    <img src="https://storage.googleapis.com/msgsndr/knES3eSWYIsc5YSZ3YLl/media/67ab96a506eacd595072e016.png" alt="TickTok">
    <img src="https://storage.googleapis.com/msgsndr/knES3eSWYIsc5YSZ3YLl/media/67ab96a534b29afa9dca6433.png" alt="QB">
    <img src="https://storage.googleapis.com/msgsndr/knES3eSWYIsc5YSZ3YLl/media/67ab96a537d82f92fceb7e3d.png" alt="LinkedIn">
    <img src="https://storage.googleapis.com/msgsndr/knES3eSWYIsc5YSZ3YLl/media/67ab96a54325e150f16636dc.png" alt="Google">
    <img src="https://storage.googleapis.com/msgsndr/knES3eSWYIsc5YSZ3YLl/media/67ab96a534b29a2b24ca6434.png" alt="Slack">
    <img src="https://storage.googleapis.com/msgsndr/knES3eSWYIsc5YSZ3YLl/media/67ab96a579284b08c36a77ad.png" alt="Shipo">
    <img src="https://storage.googleapis.com/msgsndr/knES3eSWYIsc5YSZ3YLl/media/67ab96a5ee6da9160435043f.png" alt="Instagram">
    <img src="https://storage.googleapis.com/msgsndr/knES3eSWYIsc5YSZ3YLl/media/67ab96a534b29a1b3eca6435.png" alt="Woo">
    <img src="https://storage.googleapis.com/msgsndr/knES3eSWYIsc5YSZ3YLl/media/67ab96a5f3bda8b1b50e5c3e.png" alt="Google Buisness">
  <img src="https://storage.googleapis.com/msgsndr/knES3eSWYIsc5YSZ3YLl/media/67ab96a506eacd2a0b72e015.png" alt="Printfull" height="50px;" width="100%" aria-hidden="true"><img src="https://assets.cdn.filesafe.space/knES3eSWYIsc5YSZ3YLl/media/6708273f16989c97e93c88f4.png" alt="HIPAA" aria-hidden="true"><img src="https://storage.googleapis.com/msgsndr/knES3eSWYIsc5YSZ3YLl/media/67ab96a5eeb737f0f46d445b.png" alt="Xero" aria-hidden="true"><img src="https://storage.googleapis.com/msgsndr/knES3eSWYIsc5YSZ3YLl/media/67abd58650fb000ed8851f30.png" alt="Zapier" aria-hidden="true"><img src="https://storage.googleapis.com/msgsndr/knES3eSWYIsc5YSZ3YLl/media/67af641f237ce2563df82508.png" alt="WhatsApp" aria-hidden="true"><img src="https://storage.googleapis.com/msgsndr/knES3eSWYIsc5YSZ3YLl/media/67ab96a572d42b2bbdab113b.png" alt="Wave" aria-hidden="true"><img src="https://storage.googleapis.com/msgsndr/knES3eSWYIsc5YSZ3YLl/media/67ab96a579284bbe3b6a77ac.png" alt="Facebook" aria-hidden="true"><img src="https://storage.googleapis.com/msgsndr/knES3eSWYIsc5YSZ3YLl/media/67ab96a579284bdb1a6a77ab.png" alt="Clio" aria-hidden="true"><img src="https://storage.googleapis.com/msgsndr/knES3eSWYIsc5YSZ3YLl/media/67ab96a5ee6da9493235043e.png" alt="Stripe" aria-hidden="true"><img src="https://storage.googleapis.com/msgsndr/knES3eSWYIsc5YSZ3YLl/media/67ab96a5ee6da9500a35043d.png" alt="Shopify" aria-hidden="true"><img src="https://storage.googleapis.com/msgsndr/knES3eSWYIsc5YSZ3YLl/media/67ab96a506eacd595072e016.png" alt="TickTok" aria-hidden="true"><img src="https://storage.googleapis.com/msgsndr/knES3eSWYIsc5YSZ3YLl/media/67ab96a534b29afa9dca6433.png" alt="QB" aria-hidden="true"><img src="https://storage.googleapis.com/msgsndr/knES3eSWYIsc5YSZ3YLl/media/67ab96a537d82f92fceb7e3d.png" alt="LinkedIn" aria-hidden="true"><img src="https://storage.googleapis.com/msgsndr/knES3eSWYIsc5YSZ3YLl/media/67ab96a54325e150f16636dc.png" alt="Google" aria-hidden="true"><img src="https://storage.googleapis.com/msgsndr/knES3eSWYIsc5YSZ3YLl/media/67ab96a534b29a2b24ca6434.png" alt="Slack" aria-hidden="true"><img src="https://storage.googleapis.com/msgsndr/knES3eSWYIsc5YSZ3YLl/media/67ab96a579284b08c36a77ad.png" alt="Shipo" aria-hidden="true"><img src="https://storage.googleapis.com/msgsndr/knES3eSWYIsc5YSZ3YLl/media/67ab96a5ee6da9160435043f.png" alt="Instagram" aria-hidden="true"><img src="https://storage.googleapis.com/msgsndr/knES3eSWYIsc5YSZ3YLl/media/67ab96a534b29a1b3eca6435.png" alt="Woo" aria-hidden="true"><img src="https://storage.googleapis.com/msgsndr/knES3eSWYIsc5YSZ3YLl/media/67ab96a5f3bda8b1b50e5c3e.png" alt="Google Buisness" aria-hidden="true"></div>
</div>

<script>
  const scrollers = document.querySelectorAll(".scroller");

// If a user hasn't opted in for recuded motion, then we add the animation
if (!window.matchMedia("(prefers-reduced-motion: reduce)").matches) {
  addAnimation();
}

function addAnimation() {
  scrollers.forEach((scroller) => {
    // add data-animated="true" to every `.scroller` on the page
    scroller.setAttribute("data-animated", true);

    // Make an array from the elements within `.scroller-inner`
    const scrollerInner = scroller.querySelector(".scroller__inner");
    const scrollerContent = Array.from(scrollerInner.children);
    //console.log(scrollerContent);
    // For each item in the array, clone it
    // add aria-hidden to it
    // add it into the `.scroller-inner`
    scrollerContent.forEach((item) => {
      const duplicatedItem = item.cloneNode(true);
      duplicatedItem.setAttribute("aria-hidden", true);
      scrollerInner.appendChild(duplicatedItem);
    });
  });
}
  
document.addEventListener("DOMContentLoaded", function () {
    const dots = document.querySelectorAll(".red-dot, .green-dot, .blue-dot");

    const observer = new IntersectionObserver(entries => {
        entries.forEach((entry, index) => {
            if (entry.isIntersecting) {
                setTimeout(() => {
                    entry.target.classList.add("animate");
                }, index * 1000); // Delay increases for each element (1s per index)
                observer.unobserve(entry.target); // Stop observing after animation runs
            }
        });
    }, { threshold: 0.5 }); // Trigger when 50% of the section is visible

    dots.forEach(dot => observer.observe(dot));
});
</script></div><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----></div><!--]--><!--[--><div id="custom-code-JtwB8D1FzM" class="c-custom-code c-wrapper custom-code-JtwB8D1FzM"><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><div id="custom-code-JtwB8D1FzM" class="custom-code-container ccustom-code-JtwB8D1FzM"><script>
window.addEventListener("scroll", function() {
  const heroBG = document.querySelector(".hero-bg").offsetHeight / 2;
  const bottomCTA = document.querySelector(".bottom-sticky");
  const secfooter = document.querySelector(".sec-footer");
  
 
  // Toggle 'sticky' class based on scroll position
  if (bottomCTA && secfooter) {
     const bottomCTAHeight = bottomCTA.offsetHeight;
     if (window.scrollY > heroBG) {
      bottomCTA.classList.add("sticky");
      secfooter.style.marginBottom = `${bottomCTAHeight}px`;  // Add margin-bottom
    } else {
      bottomCTA.classList.remove("sticky");
      secfooter.style.marginBottom = `0`;  // Remove margin-bottom
    }
     //bottomCTA.classList.toggle("sticky", window.scrollY > heroBG);
  }

});
</script></div><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----></div><!--]--><!--]--></div><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----></div><!--]--><!--]--></div><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----></div>