The making of the greatest marquee

Let's start with the following HTML and CSS code:

<div class="marquee-container"> <!-- This will hide overflowed items -->
  <div class="marquee">         <!-- This will slide -->
    <svg xmlns="http://www.w3.org/2000/svg" width="140" height="45" fill="none" class="shrink-0" viewBox="0 0 132 35"><path fill="#394149" d="M30.52 12.25c.36 0 .48.13.48.48v7.92h4.07c.35 0 .48.13.48.48v.7c0 .35-.13.48-.48.48h-5.36c-.35 0-.49-.13-.49-.48v-9.1c0-.35.14-.48.49-.48h.81ZM39.1 15.74c0-2.31 1.46-3.7 4-3.7s4 1.39 4 3.7v3.08c0 2.31-1.47 3.7-4 3.7-2.53 0-4-1.39-4-3.7v-3.08Zm6.32 0c0-1.3-.81-2-2.27-2s-2.26.71-2.26 2v3.1c0 1.31.8 2 2.26 2 1.46 0 2.27-.72 2.27-2v-3.1ZM59.01 16.8c.39 0 .48.13.48.48v1.9a3 3 0 0 1-1.06 2.36 4.36 4.36 0 0 1-3 .94c-2.59 0-4-1.39-4-3.7v-3.1c0-2.28 1.46-3.68 4-3.68 2 0 3.3.79 3.85 2.37a.43.43 0 0 1-.3.62l-.78.27c-.34.12-.48.05-.6-.3a2.06 2.06 0 0 0-2.17-1.3c-1.47 0-2.27.71-2.27 2v3.18c0 1.31.81 2 2.27 2s2.36-.67 2.36-1.65v-.74h-2.17c-.36 0-.49-.14-.49-.49v-.68c0-.35.13-.48.49-.48h3.39ZM63.62 15.74c0-2.31 1.46-3.7 4-3.7s4 1.39 4 3.7v3.08c0 2.31-1.47 3.7-4 3.7-2.53 0-4-1.39-4-3.7v-3.08Zm6.31 0c0-1.3-.81-2-2.26-2-1.45 0-2.27.71-2.27 2v3.1c0 1.31.81 2 2.27 2s2.26-.72 2.26-2v-3.1ZM76.33 12.54c0-.22.07-.29.29-.29h.46c.22 0 .27.07.27.29v9.48c0 .22 0 .29-.27.29h-.46c-.22 0-.29-.07-.29-.29v-9.48ZM86.46 12.25a3.14 3.14 0 1 1 0 6.28h-3v3.49c0 .22-.05.29-.26.29h-.47c-.21 0-.29-.07-.29-.29v-9.48c0-.22.08-.29.29-.29h3.73Zm-.09 5.29a2.181 2.181 0 0 0 0-4.36h-3v4.36h3ZM97.41 12.05a3.61 3.61 0 0 1 3.72 2.18c.08.16 0 .29-.16.37l-.44.2c-.18.07-.25.06-.36-.13a2.72 2.72 0 0 0-2.76-1.64c-1.69 0-2.61.67-2.61 1.87a1.52 1.52 0 0 0 1.27 1.54 6.79 6.79 0 0 0 1.66.32 6.878 6.878 0 0 1 2 .41 2.25 2.25 0 0 1 1.56 2.37c0 1.87-1.36 3-3.86 3a3.61 3.61 0 0 1-3.83-2.43.27.27 0 0 1 .17-.38l.44-.16a.27.27 0 0 1 .36.17 2.86 2.86 0 0 0 2.86 1.8c1.89 0 2.82-.66 2.82-2a1.486 1.486 0 0 0-1.17-1.53 7.003 7.003 0 0 0-1.59-.28l-1.08-.14a9.494 9.494 0 0 1-1-.27 2.629 2.629 0 0 1-.89-.47 2.44 2.44 0 0 1-.8-1.91c.07-1.75 1.38-2.89 3.69-2.89ZM106.68 18.89a2.777 2.777 0 0 0 2.775 2.613 2.781 2.781 0 0 0 2.775-2.613v-6.35c0-.22.07-.29.29-.29h.46c.22 0 .29.07.29.29v6.34c0 2.27-1.34 3.64-3.81 3.64-2.47 0-3.81-1.37-3.81-3.64v-6.34c0-.22.07-.29.28-.29h.47c.21 0 .28.07.28.29v6.35ZM127.07 12.25c.22 0 .29.07.29.29v9.48c0 .22-.07.29-.29.29h-.42c-.21 0-.28-.07-.28-.29v-5.77c0-.84.057-1.678.17-2.51h-.06c-.312.76-.677 1.5-1.09 2.21l-2.15 3.79a.348.348 0 0 1-.33.22h-.28a.372.372 0 0 1-.34-.22l-2.18-3.83a16.14 16.14 0 0 1-1-2.18h-.06c.102.84.156 1.684.16 2.53v5.76c0 .22-.07.29-.29.29h-.39c-.22 0-.29-.07-.29-.29v-9.48c0-.22.07-.29.29-.29h.36a.398.398 0 0 1 .4.23l3.5 6.22 3.48-6.16c.11-.21.17-.24.39-.24l.41-.05ZM12.73 20.79v7.23a1.045 1.045 0 1 1-2.09 0V20.8c.291.212.64.331 1 .34a1.72 1.72 0 0 0 1.09-.35Zm8.9-2.09a1 1 0 0 0-1 1v1.26a1.045 1.045 0 1 0 2.09 0v-1.21a1 1 0 0 0-1.09-1.05ZM8.37 23.53a1.8 1.8 0 0 1-1-.34v7.25a1.05 1.05 0 1 0 2.1 0v-7.2a1.83 1.83 0 0 1-1.1.29Zm10-7a1 1 0 0 0-1.05 1v5.57a1.05 1.05 0 1 0 2.1 0v-5.5a.999.999 0 0 0-1.1-1.05l.05-.02Zm-3.32 2.14a1.83 1.83 0 0 1-1.05-.34v7.27a1.05 1.05 0 1 0 2.1 0v-7.26a1.77 1.77 0 0 1-1.1.35l.05-.02ZM6.1 24.24V3.93A.94.94 0 0 0 5.16 3h-.22a.94.94 0 0 0-.94.93v20.31a.94.94 0 0 0 .94.94h.22a.94.94 0 0 0 .94-.94Zm2.38-1.48h-.22a.94.94 0 0 1-.94-.94V6.35a.94.94 0 0 1 .94-.93h.22a.94.94 0 0 1 .94.93v15.49a.94.94 0 0 1-.94.94v-.02Zm3.31-2.38h-.23a.93.93 0 0 1-.93-.93V8.75a.931.931 0 0 1 .93-.94h.23a.94.94 0 0 1 .93.94v10.7a.93.93 0 0 1-.93.93Zm3.31-2.45h-.21a.94.94 0 0 1-.94-.93v-5.76a.94.94 0 0 1 .94-1h.22a.94.94 0 0 1 .94.94v5.8a.94.94 0 0 1-.94.95h-.01Zm3.32-2.15h-.22a.94.94 0 0 1-.94-.94v-1.49a.94.94 0 0 1 .94-.93h.22a.94.94 0 0 1 .94.93v1.49a.94.94 0 0 1-.93.94h-.01Z"/></svg>
    <svg xmlns="http://www.w3.org/2000/svg" width="140" height="45" fill="none" class="shrink-0" viewBox="0 0 132 40"><path fill="#394149" d="M23.23 11.39h2v13.92h6v2h-8V11.39Zm14.23 0a6 6 0 1 1 0 12 6 6 0 0 1 0-12Zm0 10a4 4 0 1 0-4-4 4 4 0 0 0 4 3.98v.02Zm-4 3.94h8v2h-8v-2Zm25.6 2h-2V25.9a7.69 7.69 0 0 1-4.4 1.39 8 8 0 1 1 6-13.23l-1.47 1.31a5.999 5.999 0 1 0-4.46 10 5.77 5.77 0 0 0 4.38-2h-5.4v-2h7.37l-.02 5.96Zm7.36-15.9a6 6 0 1 1-6 6 6 6 0 0 1 6.02-6.04l-.02.04Zm0 10a4 4 0 1 0-4-4 4 4 0 0 0 4.02 3.94l-.02.06Zm-4 3.94h8v2h-8v-2Zm12.13-13.98h2v15.9h-2v-15.9Zm4.77 0h2c.103-.01.207-.01.31 0a6 6 0 1 1 0 11.93h-.31v4h-2V11.39Zm2 2v7.91h.31a4 4 0 1 0 0-7.93 1.467 1.467 0 0 0-.32.07l.01-.05Zm14.41-.85-1.48 1.17a1.94 1.94 0 0 0-3.33 1.13V15c0 .88.61 1.47 1.8 1.55 4.58.28 6.68 2.43 6.68 5.27V22a5.9 5.9 0 0 1-10.17 3.42l1.53-1.18a3.6 3.6 0 0 0 2.8 1.14A3.74 3.74 0 0 0 97.48 22v-.14c0-2.67-2.62-3.16-4.89-3.38-2.1-.2-3.61-1.51-3.61-3.4V15a3.85 3.85 0 0 1 3.93-3.56 3.74 3.74 0 0 1 2.81 1.15l.01-.05Zm11.5 12.72c2.49 0 4.46-2.69 4.46-6v-8h2v8c0 4.4-2.88 7.95-6.42 7.95s-6.42-3.55-6.42-7.95v-8h2v8c-.08 3.36 1.89 6.05 4.37 6.05l.01-.05Zm21.81 2h-2v-9.9l-4.61 6-4.61-6v9.93h-2v-15.9l6.6 8.69 6.6-8.69.02 15.87ZM13.63 9A5.44 5.44 0 1 0 2.75 9v16.45l4.48 3.21v7.82h1.92v-7.82l4.48-3.21V9Zm-1.92 9.2-2.56 2.56v-2.4l2.56-2.56v2.4Zm-7-2.4 2.56 2.56v2.4L4.71 18.2v-2.4Zm7-2.72L8.19 16.6 4.67 13v-2.4l3.52 3.52 3.52-3.52v2.48Zm-3.52-7.6a3.54 3.54 0 0 1 3.4 2.61l-3.4 3.39-3.4-3.39a3.54 3.54 0 0 1 3.4-2.65v.04Zm-3.52 19v-3.6l2.56 2.56v2.86l-2.56-1.82Zm4.48 1.83v-2.87l2.56-2.56v3.59l-2.56 1.84Z"/></svg>
    <svg xmlns="http://www.w3.org/2000/svg" width="150" height="45" fill="none" class="shrink-0" viewBox="0 0 124 32"><path fill="#394149" d="M36.87 10.07h3V22.2h-3V10.07Zm4.19 7.55c0-3 1.84-4.79 4.68-4.79s4.68 1.79 4.68 4.79-1.8 4.8-4.68 4.8-4.68-1.75-4.68-4.8Zm6.35 0c0-1.65-.65-2.62-1.67-2.62s-1.66 1-1.66 2.62.63 2.6 1.66 2.6c1.03 0 1.67-.92 1.67-2.59v-.01Zm4.14 5.17h2.88a1.55 1.55 0 0 0 1.62.9c1.14 0 1.74-.62 1.74-1.52v-1.68h-.06A2.84 2.84 0 0 1 55 22.13c-2.19 0-3.64-1.67-3.64-4.54s1.38-4.68 3.68-4.68a2.87 2.87 0 0 1 2.76 1.76V13h3v9.1c0 2.19-1.93 3.55-4.78 3.55-2.65 0-4.3-1.19-4.47-2.85v-.01Zm6.25-5.18c0-1.46-.67-2.38-1.73-2.38s-1.71.91-1.71 2.38c0 1.47.64 2.3 1.71 2.3 1.07 0 1.73-.81 1.73-2.29v-.01Zm4.13 0c0-3 1.84-4.79 4.68-4.79s4.69 1.79 4.69 4.79-1.8 4.8-4.69 4.8c-2.89 0-4.68-1.74-4.68-4.79v-.01Zm6.35 0c0-1.65-.65-2.62-1.67-2.62S65 16 65 17.63c0 1.63.63 2.6 1.65 2.6s1.63-.93 1.63-2.6v-.02Zm4.16-6.79A1.53 1.53 0 1 1 74 12.31a1.46 1.46 0 0 1-1.56-1.47v-.02Zm0 2.2h3v9.18h-3v-9.18Zm13.89 4.59c0 3-1.33 4.71-3.61 4.71a2.86 2.86 0 0 1-2.8-1.7h-.06v4.52h-3V13h3v1.64h.06a2.87 2.87 0 0 1 2.78-1.77c2.3.04 3.67 1.76 3.67 4.76l-.04-.02Zm-3 0c0-1.46-.67-2.39-1.72-2.39-1.05 0-1.72.94-1.73 2.39-.01 1.45.68 2.38 1.73 2.38 1.05 0 1.72-.91 1.72-2.36v-.02Zm8.15-4.8c2.49 0 4 1.18 4.07 3.07h-2.73c0-.65-.54-1.06-1.37-1.06-.83 0-1.2.32-1.2.79 0 .47.33.62 1 .76l1.92.39c1.83.39 2.61 1.13 2.61 2.52 0 1.9-1.73 3.12-4.28 3.12-2.55 0-4.22-1.22-4.35-3.09h2.89c.09.68.63 1.08 1.51 1.08s1.28-.29 1.28-.77c0-.48-.28-.58-1-.73l-1.73-.37c-1.79-.37-2.73-1.32-2.73-2.72.02-1.8 1.63-2.97 4.11-2.97v-.02Zm14.31 9.37h-2.89v-1.71h-.06a2.61 2.61 0 0 1-2.66 1.91 3.19 3.19 0 0 1-3.36-3.45V13h3v5.24c0 1.09.56 1.67 1.49 1.67a1.534 1.534 0 0 0 1.153-.52 1.538 1.538 0 0 0 .367-1.21V13h3l-.04 9.18Zm1.45-9.18h2.9v1.77h.06a2.66 2.66 0 0 1 2.61-1.94 2.39 2.39 0 0 1 2.55 2h.06a2.816 2.816 0 0 1 2.82-2 2.907 2.907 0 0 1 2.835 1.92c.138.384.195.793.165 1.2v6.25h-3v-5.45c0-1-.45-1.46-1.29-1.46a1.31 1.31 0 0 0-1.31 1.48v5.43h-2.85v-5.49c0-.92-.45-1.42-1.27-1.42a1.338 1.338 0 0 0-1.33 1.5v5.41h-3l.05-9.2ZM28.48 10.62a13.248 13.248 0 0 0-2-3.22A13.53 13.53 0 1 0 7.8 26.72a13.09 13.09 0 0 0 3.2 1.83 13.39 13.39 0 0 0 5.07 1A13.56 13.56 0 0 0 29.6 16a13.39 13.39 0 0 0-1.12-5.38ZM16.06 5.19c1.562 0 3.104.341 4.52 1a4.39 4.39 0 0 1-1.08.31 5.73 5.73 0 0 0-4.85 4.85A3 3 0 0 1 11.94 14a5.73 5.73 0 0 0-4.85 4.85 2.91 2.91 0 0 1-.79 1.74 10.8 10.8 0 0 1 9.77-15.42l-.01.02ZM7.79 23c.12-.11.24-.21.36-.33a5.48 5.48 0 0 0 1.62-3.23 2.92 2.92 0 0 1 .87-1.82 2.83 2.83 0 0 1 1.81-.86 5.73 5.73 0 0 0 4.85-4.85 2.92 2.92 0 0 1 .87-1.91A2.87 2.87 0 0 1 20 9.17a5.48 5.48 0 0 0 3-1.43 10.51 10.51 0 0 1 2.36 2.78.862.862 0 0 1-.13.14 2.87 2.87 0 0 1-1.81.88 5.71 5.71 0 0 0-4.85 4.85 3 3 0 0 1-2.69 2.68A5.76 5.76 0 0 0 11 23.92a3.14 3.14 0 0 1-.49 1.37A10.89 10.89 0 0 1 7.79 23Zm8.27 3.86a10.841 10.841 0 0 1-3-.42c.334-.622.55-1.3.64-2a3 3 0 0 1 2.68-2.68 5.73 5.73 0 0 0 4.86-4.85 3 3 0 0 1 2.68-2.68 5.71 5.71 0 0 0 2.56-1 10.82 10.82 0 0 1-10.42 13.58v.05Z"/></svg>
  </div>
</div>

<style>
  .marquee-container {
    display: flex; /* We'll need this secret style in the end */
    overflow: hidden;
    mask-image: linear-gradient(to left, transparent 0%, black 10%, black 90%, transparent 100%);
  }
  .marquee {
    flex-shrink: 0;
    display: flex;
  }
  .marquee > * {
    flex-shrink: 0;
    margin-inline-end: 2rem;
  }
</style>

Great, now we have nicely organized brand logos with a gradient mask on the edges.

It's time to add movement

Let's add a marquee animation using the translateX property:

.marquee {
  animation: 10s linear infinite marquee;
}
@keyframes marquee {
  100% {
    transform: translateX(-100%);
  }
}

Result:

While this doesn't look like the result we wanted, it is actually working as intended. We're just one step away from success!

The secret sauce

The secret part of a pure CSS marquee implementation is to manually duplicate .marquee element. The cloned element will fill the empty space when the animation reaches its end. Usually, it's done by a script, but we don't want to involve JS.

<div class="marquee-container"> <!-- This will hide overflowed items -->
  <div class="marquee">         <!-- This will slide -->
    <svg xmlns="http://www.w3.org/2000/svg" width="140" height="45" fill="none" class="shrink-0" viewBox="0 0 132 35"><path fill="#394149" d="M30.52 12.25c.36 0 .48.13.48.48v7.92h4.07c.35 0 .48.13.48.48v.7c0 .35-.13.48-.48.48h-5.36c-.35 0-.49-.13-.49-.48v-9.1c0-.35.14-.48.49-.48h.81ZM39.1 15.74c0-2.31 1.46-3.7 4-3.7s4 1.39 4 3.7v3.08c0 2.31-1.47 3.7-4 3.7-2.53 0-4-1.39-4-3.7v-3.08Zm6.32 0c0-1.3-.81-2-2.27-2s-2.26.71-2.26 2v3.1c0 1.31.8 2 2.26 2 1.46 0 2.27-.72 2.27-2v-3.1ZM59.01 16.8c.39 0 .48.13.48.48v1.9a3 3 0 0 1-1.06 2.36 4.36 4.36 0 0 1-3 .94c-2.59 0-4-1.39-4-3.7v-3.1c0-2.28 1.46-3.68 4-3.68 2 0 3.3.79 3.85 2.37a.43.43 0 0 1-.3.62l-.78.27c-.34.12-.48.05-.6-.3a2.06 2.06 0 0 0-2.17-1.3c-1.47 0-2.27.71-2.27 2v3.18c0 1.31.81 2 2.27 2s2.36-.67 2.36-1.65v-.74h-2.17c-.36 0-.49-.14-.49-.49v-.68c0-.35.13-.48.49-.48h3.39ZM63.62 15.74c0-2.31 1.46-3.7 4-3.7s4 1.39 4 3.7v3.08c0 2.31-1.47 3.7-4 3.7-2.53 0-4-1.39-4-3.7v-3.08Zm6.31 0c0-1.3-.81-2-2.26-2-1.45 0-2.27.71-2.27 2v3.1c0 1.31.81 2 2.27 2s2.26-.72 2.26-2v-3.1ZM76.33 12.54c0-.22.07-.29.29-.29h.46c.22 0 .27.07.27.29v9.48c0 .22 0 .29-.27.29h-.46c-.22 0-.29-.07-.29-.29v-9.48ZM86.46 12.25a3.14 3.14 0 1 1 0 6.28h-3v3.49c0 .22-.05.29-.26.29h-.47c-.21 0-.29-.07-.29-.29v-9.48c0-.22.08-.29.29-.29h3.73Zm-.09 5.29a2.181 2.181 0 0 0 0-4.36h-3v4.36h3ZM97.41 12.05a3.61 3.61 0 0 1 3.72 2.18c.08.16 0 .29-.16.37l-.44.2c-.18.07-.25.06-.36-.13a2.72 2.72 0 0 0-2.76-1.64c-1.69 0-2.61.67-2.61 1.87a1.52 1.52 0 0 0 1.27 1.54 6.79 6.79 0 0 0 1.66.32 6.878 6.878 0 0 1 2 .41 2.25 2.25 0 0 1 1.56 2.37c0 1.87-1.36 3-3.86 3a3.61 3.61 0 0 1-3.83-2.43.27.27 0 0 1 .17-.38l.44-.16a.27.27 0 0 1 .36.17 2.86 2.86 0 0 0 2.86 1.8c1.89 0 2.82-.66 2.82-2a1.486 1.486 0 0 0-1.17-1.53 7.003 7.003 0 0 0-1.59-.28l-1.08-.14a9.494 9.494 0 0 1-1-.27 2.629 2.629 0 0 1-.89-.47 2.44 2.44 0 0 1-.8-1.91c.07-1.75 1.38-2.89 3.69-2.89ZM106.68 18.89a2.777 2.777 0 0 0 2.775 2.613 2.781 2.781 0 0 0 2.775-2.613v-6.35c0-.22.07-.29.29-.29h.46c.22 0 .29.07.29.29v6.34c0 2.27-1.34 3.64-3.81 3.64-2.47 0-3.81-1.37-3.81-3.64v-6.34c0-.22.07-.29.28-.29h.47c.21 0 .28.07.28.29v6.35ZM127.07 12.25c.22 0 .29.07.29.29v9.48c0 .22-.07.29-.29.29h-.42c-.21 0-.28-.07-.28-.29v-5.77c0-.84.057-1.678.17-2.51h-.06c-.312.76-.677 1.5-1.09 2.21l-2.15 3.79a.348.348 0 0 1-.33.22h-.28a.372.372 0 0 1-.34-.22l-2.18-3.83a16.14 16.14 0 0 1-1-2.18h-.06c.102.84.156 1.684.16 2.53v5.76c0 .22-.07.29-.29.29h-.39c-.22 0-.29-.07-.29-.29v-9.48c0-.22.07-.29.29-.29h.36a.398.398 0 0 1 .4.23l3.5 6.22 3.48-6.16c.11-.21.17-.24.39-.24l.41-.05ZM12.73 20.79v7.23a1.045 1.045 0 1 1-2.09 0V20.8c.291.212.64.331 1 .34a1.72 1.72 0 0 0 1.09-.35Zm8.9-2.09a1 1 0 0 0-1 1v1.26a1.045 1.045 0 1 0 2.09 0v-1.21a1 1 0 0 0-1.09-1.05ZM8.37 23.53a1.8 1.8 0 0 1-1-.34v7.25a1.05 1.05 0 1 0 2.1 0v-7.2a1.83 1.83 0 0 1-1.1.29Zm10-7a1 1 0 0 0-1.05 1v5.57a1.05 1.05 0 1 0 2.1 0v-5.5a.999.999 0 0 0-1.1-1.05l.05-.02Zm-3.32 2.14a1.83 1.83 0 0 1-1.05-.34v7.27a1.05 1.05 0 1 0 2.1 0v-7.26a1.77 1.77 0 0 1-1.1.35l.05-.02ZM6.1 24.24V3.93A.94.94 0 0 0 5.16 3h-.22a.94.94 0 0 0-.94.93v20.31a.94.94 0 0 0 .94.94h.22a.94.94 0 0 0 .94-.94Zm2.38-1.48h-.22a.94.94 0 0 1-.94-.94V6.35a.94.94 0 0 1 .94-.93h.22a.94.94 0 0 1 .94.93v15.49a.94.94 0 0 1-.94.94v-.02Zm3.31-2.38h-.23a.93.93 0 0 1-.93-.93V8.75a.931.931 0 0 1 .93-.94h.23a.94.94 0 0 1 .93.94v10.7a.93.93 0 0 1-.93.93Zm3.31-2.45h-.21a.94.94 0 0 1-.94-.93v-5.76a.94.94 0 0 1 .94-1h.22a.94.94 0 0 1 .94.94v5.8a.94.94 0 0 1-.94.95h-.01Zm3.32-2.15h-.22a.94.94 0 0 1-.94-.94v-1.49a.94.94 0 0 1 .94-.93h.22a.94.94 0 0 1 .94.93v1.49a.94.94 0 0 1-.93.94h-.01Z"/></svg>
    <svg xmlns="http://www.w3.org/2000/svg" width="140" height="45" fill="none" class="shrink-0" viewBox="0 0 132 40"><path fill="#394149" d="M23.23 11.39h2v13.92h6v2h-8V11.39Zm14.23 0a6 6 0 1 1 0 12 6 6 0 0 1 0-12Zm0 10a4 4 0 1 0-4-4 4 4 0 0 0 4 3.98v.02Zm-4 3.94h8v2h-8v-2Zm25.6 2h-2V25.9a7.69 7.69 0 0 1-4.4 1.39 8 8 0 1 1 6-13.23l-1.47 1.31a5.999 5.999 0 1 0-4.46 10 5.77 5.77 0 0 0 4.38-2h-5.4v-2h7.37l-.02 5.96Zm7.36-15.9a6 6 0 1 1-6 6 6 6 0 0 1 6.02-6.04l-.02.04Zm0 10a4 4 0 1 0-4-4 4 4 0 0 0 4.02 3.94l-.02.06Zm-4 3.94h8v2h-8v-2Zm12.13-13.98h2v15.9h-2v-15.9Zm4.77 0h2c.103-.01.207-.01.31 0a6 6 0 1 1 0 11.93h-.31v4h-2V11.39Zm2 2v7.91h.31a4 4 0 1 0 0-7.93 1.467 1.467 0 0 0-.32.07l.01-.05Zm14.41-.85-1.48 1.17a1.94 1.94 0 0 0-3.33 1.13V15c0 .88.61 1.47 1.8 1.55 4.58.28 6.68 2.43 6.68 5.27V22a5.9 5.9 0 0 1-10.17 3.42l1.53-1.18a3.6 3.6 0 0 0 2.8 1.14A3.74 3.74 0 0 0 97.48 22v-.14c0-2.67-2.62-3.16-4.89-3.38-2.1-.2-3.61-1.51-3.61-3.4V15a3.85 3.85 0 0 1 3.93-3.56 3.74 3.74 0 0 1 2.81 1.15l.01-.05Zm11.5 12.72c2.49 0 4.46-2.69 4.46-6v-8h2v8c0 4.4-2.88 7.95-6.42 7.95s-6.42-3.55-6.42-7.95v-8h2v8c-.08 3.36 1.89 6.05 4.37 6.05l.01-.05Zm21.81 2h-2v-9.9l-4.61 6-4.61-6v9.93h-2v-15.9l6.6 8.69 6.6-8.69.02 15.87ZM13.63 9A5.44 5.44 0 1 0 2.75 9v16.45l4.48 3.21v7.82h1.92v-7.82l4.48-3.21V9Zm-1.92 9.2-2.56 2.56v-2.4l2.56-2.56v2.4Zm-7-2.4 2.56 2.56v2.4L4.71 18.2v-2.4Zm7-2.72L8.19 16.6 4.67 13v-2.4l3.52 3.52 3.52-3.52v2.48Zm-3.52-7.6a3.54 3.54 0 0 1 3.4 2.61l-3.4 3.39-3.4-3.39a3.54 3.54 0 0 1 3.4-2.65v.04Zm-3.52 19v-3.6l2.56 2.56v2.86l-2.56-1.82Zm4.48 1.83v-2.87l2.56-2.56v3.59l-2.56 1.84Z"/></svg>
    <svg xmlns="http://www.w3.org/2000/svg" width="150" height="45" fill="none" class="shrink-0" viewBox="0 0 124 32"><path fill="#394149" d="M36.87 10.07h3V22.2h-3V10.07Zm4.19 7.55c0-3 1.84-4.79 4.68-4.79s4.68 1.79 4.68 4.79-1.8 4.8-4.68 4.8-4.68-1.75-4.68-4.8Zm6.35 0c0-1.65-.65-2.62-1.67-2.62s-1.66 1-1.66 2.62.63 2.6 1.66 2.6c1.03 0 1.67-.92 1.67-2.59v-.01Zm4.14 5.17h2.88a1.55 1.55 0 0 0 1.62.9c1.14 0 1.74-.62 1.74-1.52v-1.68h-.06A2.84 2.84 0 0 1 55 22.13c-2.19 0-3.64-1.67-3.64-4.54s1.38-4.68 3.68-4.68a2.87 2.87 0 0 1 2.76 1.76V13h3v9.1c0 2.19-1.93 3.55-4.78 3.55-2.65 0-4.3-1.19-4.47-2.85v-.01Zm6.25-5.18c0-1.46-.67-2.38-1.73-2.38s-1.71.91-1.71 2.38c0 1.47.64 2.3 1.71 2.3 1.07 0 1.73-.81 1.73-2.29v-.01Zm4.13 0c0-3 1.84-4.79 4.68-4.79s4.69 1.79 4.69 4.79-1.8 4.8-4.69 4.8c-2.89 0-4.68-1.74-4.68-4.79v-.01Zm6.35 0c0-1.65-.65-2.62-1.67-2.62S65 16 65 17.63c0 1.63.63 2.6 1.65 2.6s1.63-.93 1.63-2.6v-.02Zm4.16-6.79A1.53 1.53 0 1 1 74 12.31a1.46 1.46 0 0 1-1.56-1.47v-.02Zm0 2.2h3v9.18h-3v-9.18Zm13.89 4.59c0 3-1.33 4.71-3.61 4.71a2.86 2.86 0 0 1-2.8-1.7h-.06v4.52h-3V13h3v1.64h.06a2.87 2.87 0 0 1 2.78-1.77c2.3.04 3.67 1.76 3.67 4.76l-.04-.02Zm-3 0c0-1.46-.67-2.39-1.72-2.39-1.05 0-1.72.94-1.73 2.39-.01 1.45.68 2.38 1.73 2.38 1.05 0 1.72-.91 1.72-2.36v-.02Zm8.15-4.8c2.49 0 4 1.18 4.07 3.07h-2.73c0-.65-.54-1.06-1.37-1.06-.83 0-1.2.32-1.2.79 0 .47.33.62 1 .76l1.92.39c1.83.39 2.61 1.13 2.61 2.52 0 1.9-1.73 3.12-4.28 3.12-2.55 0-4.22-1.22-4.35-3.09h2.89c.09.68.63 1.08 1.51 1.08s1.28-.29 1.28-.77c0-.48-.28-.58-1-.73l-1.73-.37c-1.79-.37-2.73-1.32-2.73-2.72.02-1.8 1.63-2.97 4.11-2.97v-.02Zm14.31 9.37h-2.89v-1.71h-.06a2.61 2.61 0 0 1-2.66 1.91 3.19 3.19 0 0 1-3.36-3.45V13h3v5.24c0 1.09.56 1.67 1.49 1.67a1.534 1.534 0 0 0 1.153-.52 1.538 1.538 0 0 0 .367-1.21V13h3l-.04 9.18Zm1.45-9.18h2.9v1.77h.06a2.66 2.66 0 0 1 2.61-1.94 2.39 2.39 0 0 1 2.55 2h.06a2.816 2.816 0 0 1 2.82-2 2.907 2.907 0 0 1 2.835 1.92c.138.384.195.793.165 1.2v6.25h-3v-5.45c0-1-.45-1.46-1.29-1.46a1.31 1.31 0 0 0-1.31 1.48v5.43h-2.85v-5.49c0-.92-.45-1.42-1.27-1.42a1.338 1.338 0 0 0-1.33 1.5v5.41h-3l.05-9.2ZM28.48 10.62a13.248 13.248 0 0 0-2-3.22A13.53 13.53 0 1 0 7.8 26.72a13.09 13.09 0 0 0 3.2 1.83 13.39 13.39 0 0 0 5.07 1A13.56 13.56 0 0 0 29.6 16a13.39 13.39 0 0 0-1.12-5.38ZM16.06 5.19c1.562 0 3.104.341 4.52 1a4.39 4.39 0 0 1-1.08.31 5.73 5.73 0 0 0-4.85 4.85A3 3 0 0 1 11.94 14a5.73 5.73 0 0 0-4.85 4.85 2.91 2.91 0 0 1-.79 1.74 10.8 10.8 0 0 1 9.77-15.42l-.01.02ZM7.79 23c.12-.11.24-.21.36-.33a5.48 5.48 0 0 0 1.62-3.23 2.92 2.92 0 0 1 .87-1.82 2.83 2.83 0 0 1 1.81-.86 5.73 5.73 0 0 0 4.85-4.85 2.92 2.92 0 0 1 .87-1.91A2.87 2.87 0 0 1 20 9.17a5.48 5.48 0 0 0 3-1.43 10.51 10.51 0 0 1 2.36 2.78.862.862 0 0 1-.13.14 2.87 2.87 0 0 1-1.81.88 5.71 5.71 0 0 0-4.85 4.85 3 3 0 0 1-2.69 2.68A5.76 5.76 0 0 0 11 23.92a3.14 3.14 0 0 1-.49 1.37A10.89 10.89 0 0 1 7.79 23Zm8.27 3.86a10.841 10.841 0 0 1-3-.42c.334-.622.55-1.3.64-2a3 3 0 0 1 2.68-2.68 5.73 5.73 0 0 0 4.86-4.85 3 3 0 0 1 2.68-2.68 5.71 5.71 0 0 0 2.56-1 10.82 10.82 0 0 1-10.42 13.58v.05Z"/></svg>
  </div>
  <div class="marquee">         <!-- Manually duplicated logos -->
    <svg xmlns="http://www.w3.org/2000/svg" width="140" height="45" fill="none" class="shrink-0" viewBox="0 0 132 35"><path fill="#394149" d="M30.52 12.25c.36 0 .48.13.48.48v7.92h4.07c.35 0 .48.13.48.48v.7c0 .35-.13.48-.48.48h-5.36c-.35 0-.49-.13-.49-.48v-9.1c0-.35.14-.48.49-.48h.81ZM39.1 15.74c0-2.31 1.46-3.7 4-3.7s4 1.39 4 3.7v3.08c0 2.31-1.47 3.7-4 3.7-2.53 0-4-1.39-4-3.7v-3.08Zm6.32 0c0-1.3-.81-2-2.27-2s-2.26.71-2.26 2v3.1c0 1.31.8 2 2.26 2 1.46 0 2.27-.72 2.27-2v-3.1ZM59.01 16.8c.39 0 .48.13.48.48v1.9a3 3 0 0 1-1.06 2.36 4.36 4.36 0 0 1-3 .94c-2.59 0-4-1.39-4-3.7v-3.1c0-2.28 1.46-3.68 4-3.68 2 0 3.3.79 3.85 2.37a.43.43 0 0 1-.3.62l-.78.27c-.34.12-.48.05-.6-.3a2.06 2.06 0 0 0-2.17-1.3c-1.47 0-2.27.71-2.27 2v3.18c0 1.31.81 2 2.27 2s2.36-.67 2.36-1.65v-.74h-2.17c-.36 0-.49-.14-.49-.49v-.68c0-.35.13-.48.49-.48h3.39ZM63.62 15.74c0-2.31 1.46-3.7 4-3.7s4 1.39 4 3.7v3.08c0 2.31-1.47 3.7-4 3.7-2.53 0-4-1.39-4-3.7v-3.08Zm6.31 0c0-1.3-.81-2-2.26-2-1.45 0-2.27.71-2.27 2v3.1c0 1.31.81 2 2.27 2s2.26-.72 2.26-2v-3.1ZM76.33 12.54c0-.22.07-.29.29-.29h.46c.22 0 .27.07.27.29v9.48c0 .22 0 .29-.27.29h-.46c-.22 0-.29-.07-.29-.29v-9.48ZM86.46 12.25a3.14 3.14 0 1 1 0 6.28h-3v3.49c0 .22-.05.29-.26.29h-.47c-.21 0-.29-.07-.29-.29v-9.48c0-.22.08-.29.29-.29h3.73Zm-.09 5.29a2.181 2.181 0 0 0 0-4.36h-3v4.36h3ZM97.41 12.05a3.61 3.61 0 0 1 3.72 2.18c.08.16 0 .29-.16.37l-.44.2c-.18.07-.25.06-.36-.13a2.72 2.72 0 0 0-2.76-1.64c-1.69 0-2.61.67-2.61 1.87a1.52 1.52 0 0 0 1.27 1.54 6.79 6.79 0 0 0 1.66.32 6.878 6.878 0 0 1 2 .41 2.25 2.25 0 0 1 1.56 2.37c0 1.87-1.36 3-3.86 3a3.61 3.61 0 0 1-3.83-2.43.27.27 0 0 1 .17-.38l.44-.16a.27.27 0 0 1 .36.17 2.86 2.86 0 0 0 2.86 1.8c1.89 0 2.82-.66 2.82-2a1.486 1.486 0 0 0-1.17-1.53 7.003 7.003 0 0 0-1.59-.28l-1.08-.14a9.494 9.494 0 0 1-1-.27 2.629 2.629 0 0 1-.89-.47 2.44 2.44 0 0 1-.8-1.91c.07-1.75 1.38-2.89 3.69-2.89ZM106.68 18.89a2.777 2.777 0 0 0 2.775 2.613 2.781 2.781 0 0 0 2.775-2.613v-6.35c0-.22.07-.29.29-.29h.46c.22 0 .29.07.29.29v6.34c0 2.27-1.34 3.64-3.81 3.64-2.47 0-3.81-1.37-3.81-3.64v-6.34c0-.22.07-.29.28-.29h.47c.21 0 .28.07.28.29v6.35ZM127.07 12.25c.22 0 .29.07.29.29v9.48c0 .22-.07.29-.29.29h-.42c-.21 0-.28-.07-.28-.29v-5.77c0-.84.057-1.678.17-2.51h-.06c-.312.76-.677 1.5-1.09 2.21l-2.15 3.79a.348.348 0 0 1-.33.22h-.28a.372.372 0 0 1-.34-.22l-2.18-3.83a16.14 16.14 0 0 1-1-2.18h-.06c.102.84.156 1.684.16 2.53v5.76c0 .22-.07.29-.29.29h-.39c-.22 0-.29-.07-.29-.29v-9.48c0-.22.07-.29.29-.29h.36a.398.398 0 0 1 .4.23l3.5 6.22 3.48-6.16c.11-.21.17-.24.39-.24l.41-.05ZM12.73 20.79v7.23a1.045 1.045 0 1 1-2.09 0V20.8c.291.212.64.331 1 .34a1.72 1.72 0 0 0 1.09-.35Zm8.9-2.09a1 1 0 0 0-1 1v1.26a1.045 1.045 0 1 0 2.09 0v-1.21a1 1 0 0 0-1.09-1.05ZM8.37 23.53a1.8 1.8 0 0 1-1-.34v7.25a1.05 1.05 0 1 0 2.1 0v-7.2a1.83 1.83 0 0 1-1.1.29Zm10-7a1 1 0 0 0-1.05 1v5.57a1.05 1.05 0 1 0 2.1 0v-5.5a.999.999 0 0 0-1.1-1.05l.05-.02Zm-3.32 2.14a1.83 1.83 0 0 1-1.05-.34v7.27a1.05 1.05 0 1 0 2.1 0v-7.26a1.77 1.77 0 0 1-1.1.35l.05-.02ZM6.1 24.24V3.93A.94.94 0 0 0 5.16 3h-.22a.94.94 0 0 0-.94.93v20.31a.94.94 0 0 0 .94.94h.22a.94.94 0 0 0 .94-.94Zm2.38-1.48h-.22a.94.94 0 0 1-.94-.94V6.35a.94.94 0 0 1 .94-.93h.22a.94.94 0 0 1 .94.93v15.49a.94.94 0 0 1-.94.94v-.02Zm3.31-2.38h-.23a.93.93 0 0 1-.93-.93V8.75a.931.931 0 0 1 .93-.94h.23a.94.94 0 0 1 .93.94v10.7a.93.93 0 0 1-.93.93Zm3.31-2.45h-.21a.94.94 0 0 1-.94-.93v-5.76a.94.94 0 0 1 .94-1h.22a.94.94 0 0 1 .94.94v5.8a.94.94 0 0 1-.94.95h-.01Zm3.32-2.15h-.22a.94.94 0 0 1-.94-.94v-1.49a.94.94 0 0 1 .94-.93h.22a.94.94 0 0 1 .94.93v1.49a.94.94 0 0 1-.93.94h-.01Z"/></svg>
    <svg xmlns="http://www.w3.org/2000/svg" width="140" height="45" fill="none" class="shrink-0" viewBox="0 0 132 40"><path fill="#394149" d="M23.23 11.39h2v13.92h6v2h-8V11.39Zm14.23 0a6 6 0 1 1 0 12 6 6 0 0 1 0-12Zm0 10a4 4 0 1 0-4-4 4 4 0 0 0 4 3.98v.02Zm-4 3.94h8v2h-8v-2Zm25.6 2h-2V25.9a7.69 7.69 0 0 1-4.4 1.39 8 8 0 1 1 6-13.23l-1.47 1.31a5.999 5.999 0 1 0-4.46 10 5.77 5.77 0 0 0 4.38-2h-5.4v-2h7.37l-.02 5.96Zm7.36-15.9a6 6 0 1 1-6 6 6 6 0 0 1 6.02-6.04l-.02.04Zm0 10a4 4 0 1 0-4-4 4 4 0 0 0 4.02 3.94l-.02.06Zm-4 3.94h8v2h-8v-2Zm12.13-13.98h2v15.9h-2v-15.9Zm4.77 0h2c.103-.01.207-.01.31 0a6 6 0 1 1 0 11.93h-.31v4h-2V11.39Zm2 2v7.91h.31a4 4 0 1 0 0-7.93 1.467 1.467 0 0 0-.32.07l.01-.05Zm14.41-.85-1.48 1.17a1.94 1.94 0 0 0-3.33 1.13V15c0 .88.61 1.47 1.8 1.55 4.58.28 6.68 2.43 6.68 5.27V22a5.9 5.9 0 0 1-10.17 3.42l1.53-1.18a3.6 3.6 0 0 0 2.8 1.14A3.74 3.74 0 0 0 97.48 22v-.14c0-2.67-2.62-3.16-4.89-3.38-2.1-.2-3.61-1.51-3.61-3.4V15a3.85 3.85 0 0 1 3.93-3.56 3.74 3.74 0 0 1 2.81 1.15l.01-.05Zm11.5 12.72c2.49 0 4.46-2.69 4.46-6v-8h2v8c0 4.4-2.88 7.95-6.42 7.95s-6.42-3.55-6.42-7.95v-8h2v8c-.08 3.36 1.89 6.05 4.37 6.05l.01-.05Zm21.81 2h-2v-9.9l-4.61 6-4.61-6v9.93h-2v-15.9l6.6 8.69 6.6-8.69.02 15.87ZM13.63 9A5.44 5.44 0 1 0 2.75 9v16.45l4.48 3.21v7.82h1.92v-7.82l4.48-3.21V9Zm-1.92 9.2-2.56 2.56v-2.4l2.56-2.56v2.4Zm-7-2.4 2.56 2.56v2.4L4.71 18.2v-2.4Zm7-2.72L8.19 16.6 4.67 13v-2.4l3.52 3.52 3.52-3.52v2.48Zm-3.52-7.6a3.54 3.54 0 0 1 3.4 2.61l-3.4 3.39-3.4-3.39a3.54 3.54 0 0 1 3.4-2.65v.04Zm-3.52 19v-3.6l2.56 2.56v2.86l-2.56-1.82Zm4.48 1.83v-2.87l2.56-2.56v3.59l-2.56 1.84Z"/></svg>
    <svg xmlns="http://www.w3.org/2000/svg" width="150" height="45" fill="none" class="shrink-0" viewBox="0 0 124 32"><path fill="#394149" d="M36.87 10.07h3V22.2h-3V10.07Zm4.19 7.55c0-3 1.84-4.79 4.68-4.79s4.68 1.79 4.68 4.79-1.8 4.8-4.68 4.8-4.68-1.75-4.68-4.8Zm6.35 0c0-1.65-.65-2.62-1.67-2.62s-1.66 1-1.66 2.62.63 2.6 1.66 2.6c1.03 0 1.67-.92 1.67-2.59v-.01Zm4.14 5.17h2.88a1.55 1.55 0 0 0 1.62.9c1.14 0 1.74-.62 1.74-1.52v-1.68h-.06A2.84 2.84 0 0 1 55 22.13c-2.19 0-3.64-1.67-3.64-4.54s1.38-4.68 3.68-4.68a2.87 2.87 0 0 1 2.76 1.76V13h3v9.1c0 2.19-1.93 3.55-4.78 3.55-2.65 0-4.3-1.19-4.47-2.85v-.01Zm6.25-5.18c0-1.46-.67-2.38-1.73-2.38s-1.71.91-1.71 2.38c0 1.47.64 2.3 1.71 2.3 1.07 0 1.73-.81 1.73-2.29v-.01Zm4.13 0c0-3 1.84-4.79 4.68-4.79s4.69 1.79 4.69 4.79-1.8 4.8-4.69 4.8c-2.89 0-4.68-1.74-4.68-4.79v-.01Zm6.35 0c0-1.65-.65-2.62-1.67-2.62S65 16 65 17.63c0 1.63.63 2.6 1.65 2.6s1.63-.93 1.63-2.6v-.02Zm4.16-6.79A1.53 1.53 0 1 1 74 12.31a1.46 1.46 0 0 1-1.56-1.47v-.02Zm0 2.2h3v9.18h-3v-9.18Zm13.89 4.59c0 3-1.33 4.71-3.61 4.71a2.86 2.86 0 0 1-2.8-1.7h-.06v4.52h-3V13h3v1.64h.06a2.87 2.87 0 0 1 2.78-1.77c2.3.04 3.67 1.76 3.67 4.76l-.04-.02Zm-3 0c0-1.46-.67-2.39-1.72-2.39-1.05 0-1.72.94-1.73 2.39-.01 1.45.68 2.38 1.73 2.38 1.05 0 1.72-.91 1.72-2.36v-.02Zm8.15-4.8c2.49 0 4 1.18 4.07 3.07h-2.73c0-.65-.54-1.06-1.37-1.06-.83 0-1.2.32-1.2.79 0 .47.33.62 1 .76l1.92.39c1.83.39 2.61 1.13 2.61 2.52 0 1.9-1.73 3.12-4.28 3.12-2.55 0-4.22-1.22-4.35-3.09h2.89c.09.68.63 1.08 1.51 1.08s1.28-.29 1.28-.77c0-.48-.28-.58-1-.73l-1.73-.37c-1.79-.37-2.73-1.32-2.73-2.72.02-1.8 1.63-2.97 4.11-2.97v-.02Zm14.31 9.37h-2.89v-1.71h-.06a2.61 2.61 0 0 1-2.66 1.91 3.19 3.19 0 0 1-3.36-3.45V13h3v5.24c0 1.09.56 1.67 1.49 1.67a1.534 1.534 0 0 0 1.153-.52 1.538 1.538 0 0 0 .367-1.21V13h3l-.04 9.18Zm1.45-9.18h2.9v1.77h.06a2.66 2.66 0 0 1 2.61-1.94 2.39 2.39 0 0 1 2.55 2h.06a2.816 2.816 0 0 1 2.82-2 2.907 2.907 0 0 1 2.835 1.92c.138.384.195.793.165 1.2v6.25h-3v-5.45c0-1-.45-1.46-1.29-1.46a1.31 1.31 0 0 0-1.31 1.48v5.43h-2.85v-5.49c0-.92-.45-1.42-1.27-1.42a1.338 1.338 0 0 0-1.33 1.5v5.41h-3l.05-9.2ZM28.48 10.62a13.248 13.248 0 0 0-2-3.22A13.53 13.53 0 1 0 7.8 26.72a13.09 13.09 0 0 0 3.2 1.83 13.39 13.39 0 0 0 5.07 1A13.56 13.56 0 0 0 29.6 16a13.39 13.39 0 0 0-1.12-5.38ZM16.06 5.19c1.562 0 3.104.341 4.52 1a4.39 4.39 0 0 1-1.08.31 5.73 5.73 0 0 0-4.85 4.85A3 3 0 0 1 11.94 14a5.73 5.73 0 0 0-4.85 4.85 2.91 2.91 0 0 1-.79 1.74 10.8 10.8 0 0 1 9.77-15.42l-.01.02ZM7.79 23c.12-.11.24-.21.36-.33a5.48 5.48 0 0 0 1.62-3.23 2.92 2.92 0 0 1 .87-1.82 2.83 2.83 0 0 1 1.81-.86 5.73 5.73 0 0 0 4.85-4.85 2.92 2.92 0 0 1 .87-1.91A2.87 2.87 0 0 1 20 9.17a5.48 5.48 0 0 0 3-1.43 10.51 10.51 0 0 1 2.36 2.78.862.862 0 0 1-.13.14 2.87 2.87 0 0 1-1.81.88 5.71 5.71 0 0 0-4.85 4.85 3 3 0 0 1-2.69 2.68A5.76 5.76 0 0 0 11 23.92a3.14 3.14 0 0 1-.49 1.37A10.89 10.89 0 0 1 7.79 23Zm8.27 3.86a10.841 10.841 0 0 1-3-.42c.334-.622.55-1.3.64-2a3 3 0 0 1 2.68-2.68 5.73 5.73 0 0 0 4.86-4.85 3 3 0 0 1 2.68-2.68 5.71 5.71 0 0 0 2.56-1 10.82 10.82 0 0 1-10.42 13.58v.05Z"/></svg>
  </div>
</div>

Let's check it now:

Yesss! — This is a truly no-JS infinite marquee!

It's still starting from the beginning after each cycle, but the duplicated items hide this effect from our eyes! You can reveal it by toggling the style.

Here is the final HTML code:

<div class="marquee-container" style="width: 448px">
  <div class="marquee">
    <svg xmlns="http://www.w3.org/2000/svg" width="140" height="45" fill="none" class="shrink-0" viewBox="0 0 132 35"><path fill="#394149" d="M30.52 12.25c.36 0 .48.13.48.48v7.92h4.07c.35 0 .48.13.48.48v.7c0 .35-.13.48-.48.48h-5.36c-.35 0-.49-.13-.49-.48v-9.1c0-.35.14-.48.49-.48h.81ZM39.1 15.74c0-2.31 1.46-3.7 4-3.7s4 1.39 4 3.7v3.08c0 2.31-1.47 3.7-4 3.7-2.53 0-4-1.39-4-3.7v-3.08Zm6.32 0c0-1.3-.81-2-2.27-2s-2.26.71-2.26 2v3.1c0 1.31.8 2 2.26 2 1.46 0 2.27-.72 2.27-2v-3.1ZM59.01 16.8c.39 0 .48.13.48.48v1.9a3 3 0 0 1-1.06 2.36 4.36 4.36 0 0 1-3 .94c-2.59 0-4-1.39-4-3.7v-3.1c0-2.28 1.46-3.68 4-3.68 2 0 3.3.79 3.85 2.37a.43.43 0 0 1-.3.62l-.78.27c-.34.12-.48.05-.6-.3a2.06 2.06 0 0 0-2.17-1.3c-1.47 0-2.27.71-2.27 2v3.18c0 1.31.81 2 2.27 2s2.36-.67 2.36-1.65v-.74h-2.17c-.36 0-.49-.14-.49-.49v-.68c0-.35.13-.48.49-.48h3.39ZM63.62 15.74c0-2.31 1.46-3.7 4-3.7s4 1.39 4 3.7v3.08c0 2.31-1.47 3.7-4 3.7-2.53 0-4-1.39-4-3.7v-3.08Zm6.31 0c0-1.3-.81-2-2.26-2-1.45 0-2.27.71-2.27 2v3.1c0 1.31.81 2 2.27 2s2.26-.72 2.26-2v-3.1ZM76.33 12.54c0-.22.07-.29.29-.29h.46c.22 0 .27.07.27.29v9.48c0 .22 0 .29-.27.29h-.46c-.22 0-.29-.07-.29-.29v-9.48ZM86.46 12.25a3.14 3.14 0 1 1 0 6.28h-3v3.49c0 .22-.05.29-.26.29h-.47c-.21 0-.29-.07-.29-.29v-9.48c0-.22.08-.29.29-.29h3.73Zm-.09 5.29a2.181 2.181 0 0 0 0-4.36h-3v4.36h3ZM97.41 12.05a3.61 3.61 0 0 1 3.72 2.18c.08.16 0 .29-.16.37l-.44.2c-.18.07-.25.06-.36-.13a2.72 2.72 0 0 0-2.76-1.64c-1.69 0-2.61.67-2.61 1.87a1.52 1.52 0 0 0 1.27 1.54 6.79 6.79 0 0 0 1.66.32 6.878 6.878 0 0 1 2 .41 2.25 2.25 0 0 1 1.56 2.37c0 1.87-1.36 3-3.86 3a3.61 3.61 0 0 1-3.83-2.43.27.27 0 0 1 .17-.38l.44-.16a.27.27 0 0 1 .36.17 2.86 2.86 0 0 0 2.86 1.8c1.89 0 2.82-.66 2.82-2a1.486 1.486 0 0 0-1.17-1.53 7.003 7.003 0 0 0-1.59-.28l-1.08-.14a9.494 9.494 0 0 1-1-.27 2.629 2.629 0 0 1-.89-.47 2.44 2.44 0 0 1-.8-1.91c.07-1.75 1.38-2.89 3.69-2.89ZM106.68 18.89a2.777 2.777 0 0 0 2.775 2.613 2.781 2.781 0 0 0 2.775-2.613v-6.35c0-.22.07-.29.29-.29h.46c.22 0 .29.07.29.29v6.34c0 2.27-1.34 3.64-3.81 3.64-2.47 0-3.81-1.37-3.81-3.64v-6.34c0-.22.07-.29.28-.29h.47c.21 0 .28.07.28.29v6.35ZM127.07 12.25c.22 0 .29.07.29.29v9.48c0 .22-.07.29-.29.29h-.42c-.21 0-.28-.07-.28-.29v-5.77c0-.84.057-1.678.17-2.51h-.06c-.312.76-.677 1.5-1.09 2.21l-2.15 3.79a.348.348 0 0 1-.33.22h-.28a.372.372 0 0 1-.34-.22l-2.18-3.83a16.14 16.14 0 0 1-1-2.18h-.06c.102.84.156 1.684.16 2.53v5.76c0 .22-.07.29-.29.29h-.39c-.22 0-.29-.07-.29-.29v-9.48c0-.22.07-.29.29-.29h.36a.398.398 0 0 1 .4.23l3.5 6.22 3.48-6.16c.11-.21.17-.24.39-.24l.41-.05ZM12.73 20.79v7.23a1.045 1.045 0 1 1-2.09 0V20.8c.291.212.64.331 1 .34a1.72 1.72 0 0 0 1.09-.35Zm8.9-2.09a1 1 0 0 0-1 1v1.26a1.045 1.045 0 1 0 2.09 0v-1.21a1 1 0 0 0-1.09-1.05ZM8.37 23.53a1.8 1.8 0 0 1-1-.34v7.25a1.05 1.05 0 1 0 2.1 0v-7.2a1.83 1.83 0 0 1-1.1.29Zm10-7a1 1 0 0 0-1.05 1v5.57a1.05 1.05 0 1 0 2.1 0v-5.5a.999.999 0 0 0-1.1-1.05l.05-.02Zm-3.32 2.14a1.83 1.83 0 0 1-1.05-.34v7.27a1.05 1.05 0 1 0 2.1 0v-7.26a1.77 1.77 0 0 1-1.1.35l.05-.02ZM6.1 24.24V3.93A.94.94 0 0 0 5.16 3h-.22a.94.94 0 0 0-.94.93v20.31a.94.94 0 0 0 .94.94h.22a.94.94 0 0 0 .94-.94Zm2.38-1.48h-.22a.94.94 0 0 1-.94-.94V6.35a.94.94 0 0 1 .94-.93h.22a.94.94 0 0 1 .94.93v15.49a.94.94 0 0 1-.94.94v-.02Zm3.31-2.38h-.23a.93.93 0 0 1-.93-.93V8.75a.931.931 0 0 1 .93-.94h.23a.94.94 0 0 1 .93.94v10.7a.93.93 0 0 1-.93.93Zm3.31-2.45h-.21a.94.94 0 0 1-.94-.93v-5.76a.94.94 0 0 1 .94-1h.22a.94.94 0 0 1 .94.94v5.8a.94.94 0 0 1-.94.95h-.01Zm3.32-2.15h-.22a.94.94 0 0 1-.94-.94v-1.49a.94.94 0 0 1 .94-.93h.22a.94.94 0 0 1 .94.93v1.49a.94.94 0 0 1-.93.94h-.01Z"/></svg>
    <svg xmlns="http://www.w3.org/2000/svg" width="140" height="45" fill="none" class="shrink-0" viewBox="0 0 132 40"><path fill="#394149" d="M23.23 11.39h2v13.92h6v2h-8V11.39Zm14.23 0a6 6 0 1 1 0 12 6 6 0 0 1 0-12Zm0 10a4 4 0 1 0-4-4 4 4 0 0 0 4 3.98v.02Zm-4 3.94h8v2h-8v-2Zm25.6 2h-2V25.9a7.69 7.69 0 0 1-4.4 1.39 8 8 0 1 1 6-13.23l-1.47 1.31a5.999 5.999 0 1 0-4.46 10 5.77 5.77 0 0 0 4.38-2h-5.4v-2h7.37l-.02 5.96Zm7.36-15.9a6 6 0 1 1-6 6 6 6 0 0 1 6.02-6.04l-.02.04Zm0 10a4 4 0 1 0-4-4 4 4 0 0 0 4.02 3.94l-.02.06Zm-4 3.94h8v2h-8v-2Zm12.13-13.98h2v15.9h-2v-15.9Zm4.77 0h2c.103-.01.207-.01.31 0a6 6 0 1 1 0 11.93h-.31v4h-2V11.39Zm2 2v7.91h.31a4 4 0 1 0 0-7.93 1.467 1.467 0 0 0-.32.07l.01-.05Zm14.41-.85-1.48 1.17a1.94 1.94 0 0 0-3.33 1.13V15c0 .88.61 1.47 1.8 1.55 4.58.28 6.68 2.43 6.68 5.27V22a5.9 5.9 0 0 1-10.17 3.42l1.53-1.18a3.6 3.6 0 0 0 2.8 1.14A3.74 3.74 0 0 0 97.48 22v-.14c0-2.67-2.62-3.16-4.89-3.38-2.1-.2-3.61-1.51-3.61-3.4V15a3.85 3.85 0 0 1 3.93-3.56 3.74 3.74 0 0 1 2.81 1.15l.01-.05Zm11.5 12.72c2.49 0 4.46-2.69 4.46-6v-8h2v8c0 4.4-2.88 7.95-6.42 7.95s-6.42-3.55-6.42-7.95v-8h2v8c-.08 3.36 1.89 6.05 4.37 6.05l.01-.05Zm21.81 2h-2v-9.9l-4.61 6-4.61-6v9.93h-2v-15.9l6.6 8.69 6.6-8.69.02 15.87ZM13.63 9A5.44 5.44 0 1 0 2.75 9v16.45l4.48 3.21v7.82h1.92v-7.82l4.48-3.21V9Zm-1.92 9.2-2.56 2.56v-2.4l2.56-2.56v2.4Zm-7-2.4 2.56 2.56v2.4L4.71 18.2v-2.4Zm7-2.72L8.19 16.6 4.67 13v-2.4l3.52 3.52 3.52-3.52v2.48Zm-3.52-7.6a3.54 3.54 0 0 1 3.4 2.61l-3.4 3.39-3.4-3.39a3.54 3.54 0 0 1 3.4-2.65v.04Zm-3.52 19v-3.6l2.56 2.56v2.86l-2.56-1.82Zm4.48 1.83v-2.87l2.56-2.56v3.59l-2.56 1.84Z"/></svg>
    <svg xmlns="http://www.w3.org/2000/svg" width="150" height="45" fill="none" class="shrink-0" viewBox="0 0 124 32"><path fill="#394149" d="M36.87 10.07h3V22.2h-3V10.07Zm4.19 7.55c0-3 1.84-4.79 4.68-4.79s4.68 1.79 4.68 4.79-1.8 4.8-4.68 4.8-4.68-1.75-4.68-4.8Zm6.35 0c0-1.65-.65-2.62-1.67-2.62s-1.66 1-1.66 2.62.63 2.6 1.66 2.6c1.03 0 1.67-.92 1.67-2.59v-.01Zm4.14 5.17h2.88a1.55 1.55 0 0 0 1.62.9c1.14 0 1.74-.62 1.74-1.52v-1.68h-.06A2.84 2.84 0 0 1 55 22.13c-2.19 0-3.64-1.67-3.64-4.54s1.38-4.68 3.68-4.68a2.87 2.87 0 0 1 2.76 1.76V13h3v9.1c0 2.19-1.93 3.55-4.78 3.55-2.65 0-4.3-1.19-4.47-2.85v-.01Zm6.25-5.18c0-1.46-.67-2.38-1.73-2.38s-1.71.91-1.71 2.38c0 1.47.64 2.3 1.71 2.3 1.07 0 1.73-.81 1.73-2.29v-.01Zm4.13 0c0-3 1.84-4.79 4.68-4.79s4.69 1.79 4.69 4.79-1.8 4.8-4.69 4.8c-2.89 0-4.68-1.74-4.68-4.79v-.01Zm6.35 0c0-1.65-.65-2.62-1.67-2.62S65 16 65 17.63c0 1.63.63 2.6 1.65 2.6s1.63-.93 1.63-2.6v-.02Zm4.16-6.79A1.53 1.53 0 1 1 74 12.31a1.46 1.46 0 0 1-1.56-1.47v-.02Zm0 2.2h3v9.18h-3v-9.18Zm13.89 4.59c0 3-1.33 4.71-3.61 4.71a2.86 2.86 0 0 1-2.8-1.7h-.06v4.52h-3V13h3v1.64h.06a2.87 2.87 0 0 1 2.78-1.77c2.3.04 3.67 1.76 3.67 4.76l-.04-.02Zm-3 0c0-1.46-.67-2.39-1.72-2.39-1.05 0-1.72.94-1.73 2.39-.01 1.45.68 2.38 1.73 2.38 1.05 0 1.72-.91 1.72-2.36v-.02Zm8.15-4.8c2.49 0 4 1.18 4.07 3.07h-2.73c0-.65-.54-1.06-1.37-1.06-.83 0-1.2.32-1.2.79 0 .47.33.62 1 .76l1.92.39c1.83.39 2.61 1.13 2.61 2.52 0 1.9-1.73 3.12-4.28 3.12-2.55 0-4.22-1.22-4.35-3.09h2.89c.09.68.63 1.08 1.51 1.08s1.28-.29 1.28-.77c0-.48-.28-.58-1-.73l-1.73-.37c-1.79-.37-2.73-1.32-2.73-2.72.02-1.8 1.63-2.97 4.11-2.97v-.02Zm14.31 9.37h-2.89v-1.71h-.06a2.61 2.61 0 0 1-2.66 1.91 3.19 3.19 0 0 1-3.36-3.45V13h3v5.24c0 1.09.56 1.67 1.49 1.67a1.534 1.534 0 0 0 1.153-.52 1.538 1.538 0 0 0 .367-1.21V13h3l-.04 9.18Zm1.45-9.18h2.9v1.77h.06a2.66 2.66 0 0 1 2.61-1.94 2.39 2.39 0 0 1 2.55 2h.06a2.816 2.816 0 0 1 2.82-2 2.907 2.907 0 0 1 2.835 1.92c.138.384.195.793.165 1.2v6.25h-3v-5.45c0-1-.45-1.46-1.29-1.46a1.31 1.31 0 0 0-1.31 1.48v5.43h-2.85v-5.49c0-.92-.45-1.42-1.27-1.42a1.338 1.338 0 0 0-1.33 1.5v5.41h-3l.05-9.2ZM28.48 10.62a13.248 13.248 0 0 0-2-3.22A13.53 13.53 0 1 0 7.8 26.72a13.09 13.09 0 0 0 3.2 1.83 13.39 13.39 0 0 0 5.07 1A13.56 13.56 0 0 0 29.6 16a13.39 13.39 0 0 0-1.12-5.38ZM16.06 5.19c1.562 0 3.104.341 4.52 1a4.39 4.39 0 0 1-1.08.31 5.73 5.73 0 0 0-4.85 4.85A3 3 0 0 1 11.94 14a5.73 5.73 0 0 0-4.85 4.85 2.91 2.91 0 0 1-.79 1.74 10.8 10.8 0 0 1 9.77-15.42l-.01.02ZM7.79 23c.12-.11.24-.21.36-.33a5.48 5.48 0 0 0 1.62-3.23 2.92 2.92 0 0 1 .87-1.82 2.83 2.83 0 0 1 1.81-.86 5.73 5.73 0 0 0 4.85-4.85 2.92 2.92 0 0 1 .87-1.91A2.87 2.87 0 0 1 20 9.17a5.48 5.48 0 0 0 3-1.43 10.51 10.51 0 0 1 2.36 2.78.862.862 0 0 1-.13.14 2.87 2.87 0 0 1-1.81.88 5.71 5.71 0 0 0-4.85 4.85 3 3 0 0 1-2.69 2.68A5.76 5.76 0 0 0 11 23.92a3.14 3.14 0 0 1-.49 1.37A10.89 10.89 0 0 1 7.79 23Zm8.27 3.86a10.841 10.841 0 0 1-3-.42c.334-.622.55-1.3.64-2a3 3 0 0 1 2.68-2.68 5.73 5.73 0 0 0 4.86-4.85 3 3 0 0 1 2.68-2.68 5.71 5.71 0 0 0 2.56-1 10.82 10.82 0 0 1-10.42 13.58v.05Z"/></svg>
  </div>
  <div class="marquee">
    <svg xmlns="http://www.w3.org/2000/svg" width="140" height="45" fill="none" class="shrink-0" viewBox="0 0 132 35"><path fill="#394149" d="M30.52 12.25c.36 0 .48.13.48.48v7.92h4.07c.35 0 .48.13.48.48v.7c0 .35-.13.48-.48.48h-5.36c-.35 0-.49-.13-.49-.48v-9.1c0-.35.14-.48.49-.48h.81ZM39.1 15.74c0-2.31 1.46-3.7 4-3.7s4 1.39 4 3.7v3.08c0 2.31-1.47 3.7-4 3.7-2.53 0-4-1.39-4-3.7v-3.08Zm6.32 0c0-1.3-.81-2-2.27-2s-2.26.71-2.26 2v3.1c0 1.31.8 2 2.26 2 1.46 0 2.27-.72 2.27-2v-3.1ZM59.01 16.8c.39 0 .48.13.48.48v1.9a3 3 0 0 1-1.06 2.36 4.36 4.36 0 0 1-3 .94c-2.59 0-4-1.39-4-3.7v-3.1c0-2.28 1.46-3.68 4-3.68 2 0 3.3.79 3.85 2.37a.43.43 0 0 1-.3.62l-.78.27c-.34.12-.48.05-.6-.3a2.06 2.06 0 0 0-2.17-1.3c-1.47 0-2.27.71-2.27 2v3.18c0 1.31.81 2 2.27 2s2.36-.67 2.36-1.65v-.74h-2.17c-.36 0-.49-.14-.49-.49v-.68c0-.35.13-.48.49-.48h3.39ZM63.62 15.74c0-2.31 1.46-3.7 4-3.7s4 1.39 4 3.7v3.08c0 2.31-1.47 3.7-4 3.7-2.53 0-4-1.39-4-3.7v-3.08Zm6.31 0c0-1.3-.81-2-2.26-2-1.45 0-2.27.71-2.27 2v3.1c0 1.31.81 2 2.27 2s2.26-.72 2.26-2v-3.1ZM76.33 12.54c0-.22.07-.29.29-.29h.46c.22 0 .27.07.27.29v9.48c0 .22 0 .29-.27.29h-.46c-.22 0-.29-.07-.29-.29v-9.48ZM86.46 12.25a3.14 3.14 0 1 1 0 6.28h-3v3.49c0 .22-.05.29-.26.29h-.47c-.21 0-.29-.07-.29-.29v-9.48c0-.22.08-.29.29-.29h3.73Zm-.09 5.29a2.181 2.181 0 0 0 0-4.36h-3v4.36h3ZM97.41 12.05a3.61 3.61 0 0 1 3.72 2.18c.08.16 0 .29-.16.37l-.44.2c-.18.07-.25.06-.36-.13a2.72 2.72 0 0 0-2.76-1.64c-1.69 0-2.61.67-2.61 1.87a1.52 1.52 0 0 0 1.27 1.54 6.79 6.79 0 0 0 1.66.32 6.878 6.878 0 0 1 2 .41 2.25 2.25 0 0 1 1.56 2.37c0 1.87-1.36 3-3.86 3a3.61 3.61 0 0 1-3.83-2.43.27.27 0 0 1 .17-.38l.44-.16a.27.27 0 0 1 .36.17 2.86 2.86 0 0 0 2.86 1.8c1.89 0 2.82-.66 2.82-2a1.486 1.486 0 0 0-1.17-1.53 7.003 7.003 0 0 0-1.59-.28l-1.08-.14a9.494 9.494 0 0 1-1-.27 2.629 2.629 0 0 1-.89-.47 2.44 2.44 0 0 1-.8-1.91c.07-1.75 1.38-2.89 3.69-2.89ZM106.68 18.89a2.777 2.777 0 0 0 2.775 2.613 2.781 2.781 0 0 0 2.775-2.613v-6.35c0-.22.07-.29.29-.29h.46c.22 0 .29.07.29.29v6.34c0 2.27-1.34 3.64-3.81 3.64-2.47 0-3.81-1.37-3.81-3.64v-6.34c0-.22.07-.29.28-.29h.47c.21 0 .28.07.28.29v6.35ZM127.07 12.25c.22 0 .29.07.29.29v9.48c0 .22-.07.29-.29.29h-.42c-.21 0-.28-.07-.28-.29v-5.77c0-.84.057-1.678.17-2.51h-.06c-.312.76-.677 1.5-1.09 2.21l-2.15 3.79a.348.348 0 0 1-.33.22h-.28a.372.372 0 0 1-.34-.22l-2.18-3.83a16.14 16.14 0 0 1-1-2.18h-.06c.102.84.156 1.684.16 2.53v5.76c0 .22-.07.29-.29.29h-.39c-.22 0-.29-.07-.29-.29v-9.48c0-.22.07-.29.29-.29h.36a.398.398 0 0 1 .4.23l3.5 6.22 3.48-6.16c.11-.21.17-.24.39-.24l.41-.05ZM12.73 20.79v7.23a1.045 1.045 0 1 1-2.09 0V20.8c.291.212.64.331 1 .34a1.72 1.72 0 0 0 1.09-.35Zm8.9-2.09a1 1 0 0 0-1 1v1.26a1.045 1.045 0 1 0 2.09 0v-1.21a1 1 0 0 0-1.09-1.05ZM8.37 23.53a1.8 1.8 0 0 1-1-.34v7.25a1.05 1.05 0 1 0 2.1 0v-7.2a1.83 1.83 0 0 1-1.1.29Zm10-7a1 1 0 0 0-1.05 1v5.57a1.05 1.05 0 1 0 2.1 0v-5.5a.999.999 0 0 0-1.1-1.05l.05-.02Zm-3.32 2.14a1.83 1.83 0 0 1-1.05-.34v7.27a1.05 1.05 0 1 0 2.1 0v-7.26a1.77 1.77 0 0 1-1.1.35l.05-.02ZM6.1 24.24V3.93A.94.94 0 0 0 5.16 3h-.22a.94.94 0 0 0-.94.93v20.31a.94.94 0 0 0 .94.94h.22a.94.94 0 0 0 .94-.94Zm2.38-1.48h-.22a.94.94 0 0 1-.94-.94V6.35a.94.94 0 0 1 .94-.93h.22a.94.94 0 0 1 .94.93v15.49a.94.94 0 0 1-.94.94v-.02Zm3.31-2.38h-.23a.93.93 0 0 1-.93-.93V8.75a.931.931 0 0 1 .93-.94h.23a.94.94 0 0 1 .93.94v10.7a.93.93 0 0 1-.93.93Zm3.31-2.45h-.21a.94.94 0 0 1-.94-.93v-5.76a.94.94 0 0 1 .94-1h.22a.94.94 0 0 1 .94.94v5.8a.94.94 0 0 1-.94.95h-.01Zm3.32-2.15h-.22a.94.94 0 0 1-.94-.94v-1.49a.94.94 0 0 1 .94-.93h.22a.94.94 0 0 1 .94.93v1.49a.94.94 0 0 1-.93.94h-.01Z"/></svg>
    <svg xmlns="http://www.w3.org/2000/svg" width="140" height="45" fill="none" class="shrink-0" viewBox="0 0 132 40"><path fill="#394149" d="M23.23 11.39h2v13.92h6v2h-8V11.39Zm14.23 0a6 6 0 1 1 0 12 6 6 0 0 1 0-12Zm0 10a4 4 0 1 0-4-4 4 4 0 0 0 4 3.98v.02Zm-4 3.94h8v2h-8v-2Zm25.6 2h-2V25.9a7.69 7.69 0 0 1-4.4 1.39 8 8 0 1 1 6-13.23l-1.47 1.31a5.999 5.999 0 1 0-4.46 10 5.77 5.77 0 0 0 4.38-2h-5.4v-2h7.37l-.02 5.96Zm7.36-15.9a6 6 0 1 1-6 6 6 6 0 0 1 6.02-6.04l-.02.04Zm0 10a4 4 0 1 0-4-4 4 4 0 0 0 4.02 3.94l-.02.06Zm-4 3.94h8v2h-8v-2Zm12.13-13.98h2v15.9h-2v-15.9Zm4.77 0h2c.103-.01.207-.01.31 0a6 6 0 1 1 0 11.93h-.31v4h-2V11.39Zm2 2v7.91h.31a4 4 0 1 0 0-7.93 1.467 1.467 0 0 0-.32.07l.01-.05Zm14.41-.85-1.48 1.17a1.94 1.94 0 0 0-3.33 1.13V15c0 .88.61 1.47 1.8 1.55 4.58.28 6.68 2.43 6.68 5.27V22a5.9 5.9 0 0 1-10.17 3.42l1.53-1.18a3.6 3.6 0 0 0 2.8 1.14A3.74 3.74 0 0 0 97.48 22v-.14c0-2.67-2.62-3.16-4.89-3.38-2.1-.2-3.61-1.51-3.61-3.4V15a3.85 3.85 0 0 1 3.93-3.56 3.74 3.74 0 0 1 2.81 1.15l.01-.05Zm11.5 12.72c2.49 0 4.46-2.69 4.46-6v-8h2v8c0 4.4-2.88 7.95-6.42 7.95s-6.42-3.55-6.42-7.95v-8h2v8c-.08 3.36 1.89 6.05 4.37 6.05l.01-.05Zm21.81 2h-2v-9.9l-4.61 6-4.61-6v9.93h-2v-15.9l6.6 8.69 6.6-8.69.02 15.87ZM13.63 9A5.44 5.44 0 1 0 2.75 9v16.45l4.48 3.21v7.82h1.92v-7.82l4.48-3.21V9Zm-1.92 9.2-2.56 2.56v-2.4l2.56-2.56v2.4Zm-7-2.4 2.56 2.56v2.4L4.71 18.2v-2.4Zm7-2.72L8.19 16.6 4.67 13v-2.4l3.52 3.52 3.52-3.52v2.48Zm-3.52-7.6a3.54 3.54 0 0 1 3.4 2.61l-3.4 3.39-3.4-3.39a3.54 3.54 0 0 1 3.4-2.65v.04Zm-3.52 19v-3.6l2.56 2.56v2.86l-2.56-1.82Zm4.48 1.83v-2.87l2.56-2.56v3.59l-2.56 1.84Z"/></svg>
    <svg xmlns="http://www.w3.org/2000/svg" width="150" height="45" fill="none" class="shrink-0" viewBox="0 0 124 32"><path fill="#394149" d="M36.87 10.07h3V22.2h-3V10.07Zm4.19 7.55c0-3 1.84-4.79 4.68-4.79s4.68 1.79 4.68 4.79-1.8 4.8-4.68 4.8-4.68-1.75-4.68-4.8Zm6.35 0c0-1.65-.65-2.62-1.67-2.62s-1.66 1-1.66 2.62.63 2.6 1.66 2.6c1.03 0 1.67-.92 1.67-2.59v-.01Zm4.14 5.17h2.88a1.55 1.55 0 0 0 1.62.9c1.14 0 1.74-.62 1.74-1.52v-1.68h-.06A2.84 2.84 0 0 1 55 22.13c-2.19 0-3.64-1.67-3.64-4.54s1.38-4.68 3.68-4.68a2.87 2.87 0 0 1 2.76 1.76V13h3v9.1c0 2.19-1.93 3.55-4.78 3.55-2.65 0-4.3-1.19-4.47-2.85v-.01Zm6.25-5.18c0-1.46-.67-2.38-1.73-2.38s-1.71.91-1.71 2.38c0 1.47.64 2.3 1.71 2.3 1.07 0 1.73-.81 1.73-2.29v-.01Zm4.13 0c0-3 1.84-4.79 4.68-4.79s4.69 1.79 4.69 4.79-1.8 4.8-4.69 4.8c-2.89 0-4.68-1.74-4.68-4.79v-.01Zm6.35 0c0-1.65-.65-2.62-1.67-2.62S65 16 65 17.63c0 1.63.63 2.6 1.65 2.6s1.63-.93 1.63-2.6v-.02Zm4.16-6.79A1.53 1.53 0 1 1 74 12.31a1.46 1.46 0 0 1-1.56-1.47v-.02Zm0 2.2h3v9.18h-3v-9.18Zm13.89 4.59c0 3-1.33 4.71-3.61 4.71a2.86 2.86 0 0 1-2.8-1.7h-.06v4.52h-3V13h3v1.64h.06a2.87 2.87 0 0 1 2.78-1.77c2.3.04 3.67 1.76 3.67 4.76l-.04-.02Zm-3 0c0-1.46-.67-2.39-1.72-2.39-1.05 0-1.72.94-1.73 2.39-.01 1.45.68 2.38 1.73 2.38 1.05 0 1.72-.91 1.72-2.36v-.02Zm8.15-4.8c2.49 0 4 1.18 4.07 3.07h-2.73c0-.65-.54-1.06-1.37-1.06-.83 0-1.2.32-1.2.79 0 .47.33.62 1 .76l1.92.39c1.83.39 2.61 1.13 2.61 2.52 0 1.9-1.73 3.12-4.28 3.12-2.55 0-4.22-1.22-4.35-3.09h2.89c.09.68.63 1.08 1.51 1.08s1.28-.29 1.28-.77c0-.48-.28-.58-1-.73l-1.73-.37c-1.79-.37-2.73-1.32-2.73-2.72.02-1.8 1.63-2.97 4.11-2.97v-.02Zm14.31 9.37h-2.89v-1.71h-.06a2.61 2.61 0 0 1-2.66 1.91 3.19 3.19 0 0 1-3.36-3.45V13h3v5.24c0 1.09.56 1.67 1.49 1.67a1.534 1.534 0 0 0 1.153-.52 1.538 1.538 0 0 0 .367-1.21V13h3l-.04 9.18Zm1.45-9.18h2.9v1.77h.06a2.66 2.66 0 0 1 2.61-1.94 2.39 2.39 0 0 1 2.55 2h.06a2.816 2.816 0 0 1 2.82-2 2.907 2.907 0 0 1 2.835 1.92c.138.384.195.793.165 1.2v6.25h-3v-5.45c0-1-.45-1.46-1.29-1.46a1.31 1.31 0 0 0-1.31 1.48v5.43h-2.85v-5.49c0-.92-.45-1.42-1.27-1.42a1.338 1.338 0 0 0-1.33 1.5v5.41h-3l.05-9.2ZM28.48 10.62a13.248 13.248 0 0 0-2-3.22A13.53 13.53 0 1 0 7.8 26.72a13.09 13.09 0 0 0 3.2 1.83 13.39 13.39 0 0 0 5.07 1A13.56 13.56 0 0 0 29.6 16a13.39 13.39 0 0 0-1.12-5.38ZM16.06 5.19c1.562 0 3.104.341 4.52 1a4.39 4.39 0 0 1-1.08.31 5.73 5.73 0 0 0-4.85 4.85A3 3 0 0 1 11.94 14a5.73 5.73 0 0 0-4.85 4.85 2.91 2.91 0 0 1-.79 1.74 10.8 10.8 0 0 1 9.77-15.42l-.01.02ZM7.79 23c.12-.11.24-.21.36-.33a5.48 5.48 0 0 0 1.62-3.23 2.92 2.92 0 0 1 .87-1.82 2.83 2.83 0 0 1 1.81-.86 5.73 5.73 0 0 0 4.85-4.85 2.92 2.92 0 0 1 .87-1.91A2.87 2.87 0 0 1 20 9.17a5.48 5.48 0 0 0 3-1.43 10.51 10.51 0 0 1 2.36 2.78.862.862 0 0 1-.13.14 2.87 2.87 0 0 1-1.81.88 5.71 5.71 0 0 0-4.85 4.85 3 3 0 0 1-2.69 2.68A5.76 5.76 0 0 0 11 23.92a3.14 3.14 0 0 1-.49 1.37A10.89 10.89 0 0 1 7.79 23Zm8.27 3.86a10.841 10.841 0 0 1-3-.42c.334-.622.55-1.3.64-2a3 3 0 0 1 2.68-2.68 5.73 5.73 0 0 0 4.86-4.85 3 3 0 0 1 2.68-2.68 5.71 5.71 0 0 0 2.56-1 10.82 10.82 0 0 1-10.42 13.58v.05Z"/></svg>
  </div>
</div>

<style>
  .marquee-container {
    display: flex;
    overflow: hidden;
    mask-image: linear-gradient(to left, transparent 0%, black 10%, black 90%, transparent 100%);
  }
  .marquee {
    flex-shrink: 0;
    display: flex;
    animation: 10s linear infinite marquee;
  }
  .marquee > * {
    flex-shrink: 0;
    margin-inline-end: 2rem;
  }
  @keyframes marquee {
    100% {
      transform: translateX(-100%);
    }
  }
</style>

Summary

Pure CSS marquee has two downsides:

It requires manually updating cloned items every time you want to change the images.
When you have multiple marquees on the page with many logos, they can slow down the page. IntersectionObserver is a must-have in this case.

What will I use for Melios Builder? I tend to use IntersectionObserver to guarantee the best performance for pages that use marquees. So, I guess it will be a mix of two approaches: CSS animation and IntersectionObserver to handle cloned items.

Sources

The Infinite Marquee by Ryan Mulligan.
You don’t need js to create a marquee animation by Dmytro.