.bike-animation-layered {
  position: relative;
  width: 100%;
  max-width: 952px;  /* original width for scaling reference */
  aspect-ratio: 952 / 417;  /* keep aspect ratio */
  margin: 20px auto;
}


.bike-animation-layered img {
  position: absolute;
  width: 40.7%;  /* 387.38 / 952 = ~40.7% */
  height: auto;
  pointer-events: none;
}


/* Absolute Figma-based layout */
#Rad_1 { left: 59.24%; top: 23.26%;  animation: move1 2.5s ease-in-out infinite alternate, blur1 2.5s ease-in-out infinite alternate; }
#Rad_2 { left: 39.50%; top: 0%; animation: move2 2.5s ease-in-out infinite alternate, blur1 2.5s ease-in-out infinite alternate; }
#Rad_3 { left: 19.75%; top: 23.23%; animation: move1 2.5s ease-in-out infinite alternate, blur1 2.5s ease-in-out infinite alternate; }
#Rad_4 { lleft: 0%; top: 0%; animation: move2 2.5s ease-in-out infinite alternate, blur1 2.5s ease-in-out infinite alternate; }

/* Keyframes -19.75% */
@keyframes move1 {
  0% { transform: translateX(0); }
  100% { transform: translateX(-42%); }
}

@keyframes move2 {
  0% { transform: translateX(0); }
  100% { transform: translateX(42%); }
}

@keyframes blur1 {
  0%, 100% { filter: blur(0px); }
  50%     { filter: blur(0.02em); }
}

@keyframes blur2 {
  0%, 100% { filter: blur(0.02em); }
  50%     { filter: blur(0px); }
}