[class^="diamond"] {
  display: none !important;
}

.diamond1 {
    width: 5rem;
    height: 5rem;
    position: absolute;
    top: 5rem;
    left: 10%;
    opacity: 60%;
    z-index: 1;
    pointer-events: none;
    animation: float 6s ease-in-out infinite;
  }
  
  .diamond2 {
    width: 4rem;
    height: 5rem;
    position: absolute;
    bottom: 3rem;
    right: 15%;
    opacity: 50%;
    z-index: 1;
    pointer-events: none;
    animation: float-reverse 9s ease-in-out infinite;
  }
  
  .diamond9{
    width: 4rem;
    height: 4rem;
    position: absolute;
    bottom: 3rem;
    left: 30%;
    opacity: 60%;
    z-index: 1;
    pointer-events: none;
    animation: float 5s ease-in-out infinite;
  }
  
  .diamond10{
    width: 4rem;
    height: 4rem;
    position: absolute;
    top: 12rem;
    right: 25%;
    opacity: 60%;
    z-index: 1;
    pointer-events: none;
    animation: float-reverse 7s ease-in-out infinite;
  }

  .diamond3 {
    position: absolute;
    width: 5rem;
    height: 6rem;
    top: 4rem;
    left: 5%;
    opacity: 40%;
    z-index: 1;
    pointer-events: none;
    animation: float-reverse 6s ease-in-out infinite;
  }
  
  .diamond4 {
    position: absolute;
    width: 6rem;
    height: 6rem;
    bottom: 5rem;
    right: 10%;
    opacity: 40%;
    z-index: 1;
    pointer-events: none;
    animation: float 5s ease-in-out infinite;
  }
  
  .diamond11{
    position: absolute;
    width: 6rem;
    height: 6rem;
    top: 20rem;
    left: 45%;
    opacity: 40%;
    z-index: 1;
    pointer-events: none;
    animation: float-reverse 7s ease-in-out infinite;
  }

  .diamond5 {
    position: absolute;
    width: 5rem;
    height: 6rem;
    top: 4rem;
    right: 5%;
    opacity: 30%;
    z-index: 1;
    pointer-events: none;
    animation: float-reverse 6s ease-in-out infinite;
  }
  
  .diamond6 {
    position: absolute;
    width: 5rem;
    height: 5rem;
    bottom: 7rem;
    left: 8%;
    opacity: 30%;
    z-index: 1;
    pointer-events: none;
    animation: float 5s ease-in-out infinite;
  }
  
  .diamond12{
    position: absolute;
    width: 5rem;
    height: 5rem;
    bottom: 10rem;
    left: 60%;
    opacity: 30%;
    z-index: 1;
    pointer-events: none;
    animation: float-reverse 7s ease-in-out infinite;
  }
  
  .diamond20{
    position: absolute;
    width: 5rem;
    height: 5rem;
    top: 1rem;
    left: 5%;
    opacity: 30%;
    z-index: 1;
    pointer-events: none;
    animation: float 6s ease-in-out infinite;
  }

  .diamond7 {
    position: absolute;
    width: 5rem;
    height: 5rem;
    top: 7rem;
    right: 7%;
    opacity: 40%;
    z-index: 1;
    pointer-events: none;
    animation: float-reverse 6s ease-in-out infinite;
  }
  
  .diamond8 {
    position: absolute;
    width: 6rem;
    height: 6rem;
    bottom: 5rem;
    left: 10%;
    opacity: 40%;
    z-index: 1;
    pointer-events: none;
    animation: float 6s ease-in-out infinite;
  }
  
  .diamond13{
    position: absolute;
    width: 6rem;
    height: 6rem;
    top: 18rem;
    left: 20%;
    opacity: 40%;
    z-index: 1;
    pointer-events: none;
    animation: float-reverse 7s ease-in-out infinite;
  }
  
  .diamond14{
    position: absolute;
    width: 5rem;
    height: 5rem;
    bottom: 8rem;
    right: 15%;
    opacity: 40%;
    z-index: 1;
    pointer-events: none;
    animation: float-reverse 8s ease-in-out infinite;
  }

  .diamond15{
    position: absolute;
    width: 5rem;
    height: 5rem;
    bottom: 12rem;
    left: 15%;
    opacity: 40%;
    z-index: 1;
    pointer-events: none;
    animation: float 8s ease-in-out infinite;
  }
  
  .diamond16{
    position: absolute;
    width: 5rem;
    height: 5rem;
    bottom: 8rem;
    right: 20%;
    opacity: 40%;
    z-index: 1;
    pointer-events: none;
    animation: float-reverse 7s ease-in-out infinite;
  }
  
  .diamond17{
    position: absolute;
    width: 5rem;
    height: 5rem;
    top: 1rem;
    left: 5%;
    opacity: 40%;
    z-index: 1;
    pointer-events: none;
    animation: float 5s ease-in-out infinite;
  }
  
  .diamond18{
    position: absolute;
    width: 5rem;
    height: 5rem;
    top: 15rem;
    right: 70%;
    opacity: 40%;
    z-index: 1;
    pointer-events: none;
    animation: float-reverse 8s ease-in-out infinite;
  }
  
  .diamond19{
    position: absolute;
    width: 5rem;
    height: 5rem;
    top: 20rem;
    right: 15%;
    opacity: 40%;
    z-index: 1;
    pointer-events: none;
    animation: float 6s ease-in-out infinite;
  }
  
/* Animation Keyframes */
@keyframes float {
    0% {
      transform: translateY(0px);
    }
    50% {
      transform: translateY(-20px);
    }
    100% {
      transform: translateY(0px);
    }
  }
  
  @keyframes float-reverse {
    0% {
      transform: translateY(0px);
    }
    50% {
      transform: translateY(20px);
    }
    100% {
      transform: translateY(0px);
    }
  }