body {
    margin: 0;
    padding: 0;
  }
  
  .horse-container {
    position: fixed;
    top: 0;
    left: 0;
    width: 100vw;
    height: 100vh;
    pointer-events: none;
    z-index: 9999;
    overflow: hidden;
  }
  
  .gifhorse {
    position: absolute;
    width: 26%;
    height: 26%;
    animation: float 15s infinite linear;
  }
  
  /* Individual horse positions and animations */
  .gifhorse:nth-child(1) {
    top: 10%;
    left: 15%;
    animation: move1 20s infinite ease-in-out;
  }
  
  .gifhorse:nth-child(2) {
    top: 40%;
    left: 70%;
    animation: move2 18s infinite ease-in-out;
    transform: scaleX(-1);
  }
  
  .gifhorse:nth-child(3) {
    top: 55%;
    left: 30%;
    animation: move3 17s infinite ease-in-out;
  }
  
  .gifhorse:nth-child(4) {
    top: 70%;
    left: 80%;
    animation: move4 22s infinite ease-in-out;
  }
  
  .gifhorse:nth-child(5) {
    top: 85%;
    left: 10%;
    animation: move5 19s infinite ease-in-out;
    transform: scaleX(-1);
  }
  
  .gifhorse:nth-child(6) {
    top: 25%;
    left: 50%;
    animation: move6 21s infinite ease-in-out;
  }
  
  .gifhorse:nth-child(7) {
    top: 5%;
    left: 85%;
    animation: move7 23s infinite ease-in-out;
  }
  
  /* Movement animations */
  @keyframes move1 {
    0%   { transform: translate(0, 0) scale(1); }
    50%  { transform: translate(150px, -120px) scale(1.2); }
    100% { transform: translate(0, 0) scale(1); }
  }
  
  @keyframes move2 {
    0%   { transform: scaleX(-1) translate(0, 0) scale(1); }
    50%  { transform: scaleX(-1) translate(-180px, 90px) scale(0.9); }
    100% { transform: scaleX(-1) translate(0, 0) scale(1); }
  }
  
  @keyframes move3 {
    0%   { transform: translate(0, 0) scale(1); }
    50%  { transform: translate(200px, 100px) scale(1.1); }
    100% { transform: translate(0, 0) scale(1); }
  }
  
  @keyframes move4 {
    0%   { transform: translate(0, 0) scale(1); }
    50%  { transform: translate(-150px, -100px) scale(1.3); }
    100% { transform: translate(0, 0) scale(1); }
  }
  
  @keyframes move5 {
    0%   { transform: scaleX(-1) translate(0, 0) scale(1); }
    50%  { transform: scaleX(-1) translate(130px, 150px) scale(0.8); }
    100% { transform: scaleX(-1) translate(0, 0) scale(1); }
  }
  
  @keyframes move6 {
    0%   { transform: translate(0, 0) scale(1); }
    50%  { transform: translate(250px, -50px) scale(1.2); }
    100% { transform: translate(0, 0) scale(1); }
  }
  
  @keyframes move7 {
    0%   { transform: translate(0, 0) scale(1); }
    50%  { transform: translate(-220px, 200px) scale(1.1); }
    100% { transform: translate(0, 0) scale(1); }
  }