.marquee {

  display: flex;

  position: relative;

  overflow: hidden;

  white-space: nowrap;

  width: 200px;

  padding: 2px 4px;

  background-color: salmon;

  resize: horizontal;

  container-type: inline-size;

  > * {

    animation: marquee 3s linear infinite both alternate;

  }

}

​

@keyframes marquee {

  to {

    transform: translateX(min(100cqw - 100%, 0px));

  }

}