.about_us_image{
  -webkit-mask-image:radial-gradient(
    farthest-side at 50% 50%,
    rgba(0,0,0,1) 70%,
    rgba(0,0,0,0) 100%
  );
  mask-image:radial-gradient(
    farthest-side at 50% 50%,
    rgba(0,0,0,1) 70%,
    rgba(0,0,0,0) 100%
  );
  -webkit-mask-size:100% 100%;
  mask-size:100% 100%;
  -webkit-mask-repeat:no-repeat;
  mask-repeat:no-repeat;
  -webkit-mask-composite:source-in;
  mask-composite:intersect;
}

@keyframes rgb-shift {
  0% { background-position: 0% 50%; }
  50% { background-position: 100% 50%; }
  100% { background-position: 0% 50%; }
}

@keyframes red-rgb-shift {
  0% { background-position: 0% 50%; }
  50% { background-position: 100% 50%; }
  100% { background-position: 0% 50%; }
}

.rgb-text {
  --fade-to-red: 0;

  background: linear-gradient(
    45deg,
    color-mix(in srgb, #ff0000 calc(100% - var(--fade-to-red) * 100%), #ff0000),
    color-mix(in srgb, #ff7700 calc(100% - var(--fade-to-red) * 100%), #ff4d4d),
    color-mix(in srgb, #ffff00 calc(100% - var(--fade-to-red) * 100%), #ff8080),
    color-mix(in srgb, #00ff00 calc(100% - var(--fade-to-red) * 100%), #ff4d4d),
    color-mix(in srgb, #0099ff calc(100% - var(--fade-to-red) * 100%), #ed1c26),
    color-mix(in srgb, #cc00ff calc(100% - var(--fade-to-red) * 100%), #c41820),
    color-mix(in srgb, #ff0099 calc(100% - var(--fade-to-red) * 100%), #ed1c26),
    color-mix(in srgb, #ff0000 calc(100% - var(--fade-to-red) * 100%), #ed1c26)
  );

  background-size: 400% 400%;
  -webkit-background-clip: text;
  background-clip: text;
  -webkit-text-fill-color: transparent;

  animation: rgb-shift 2s linear infinite;
  transition: --fade-to-red 0.8s cubic-bezier(0.33, 1, 0.68, 1);
}

.rgb-text.countup-complete {
  background: linear-gradient(
    90deg,
    #ed1c26,
    #ff4d4d,
    #ff8080,
    #ff4d4d,
    #ed1c26,
    #c41820,
    #ed1c26
  );

  background-size: 300% 300%;
  -webkit-background-clip: text;
  background-clip: text;
  -webkit-text-fill-color: transparent;

  animation: red-rgb-shift 3s ease-in-out infinite;
}

@property --fade-to-red {
  syntax: "<number>";
  inherits: false;
  initial-value: 0;
}
