.objects {
    position: relative;
    display: inline-block;
    animation: floatAnimationY 6s infinite;
  }
  
  @keyframes floatAnimationY {
    0% {
      transform: translateY(-140px);
    }
    50% {
      transform: translateY(-360px);
    }
    100% {
      transform: translateY(-140px);
    }
  }

  .bg-custom3 {
    background-image: linear-gradient(-75deg, #181c49, #0f1a6b, #064093, #0271c6, #00b2f1);
    background-size: 200% 200%;
    animation: gradientAnimation 10s ease infinite;
  }
  
  @keyframes gradientAnimation {
    0% {
        background-position: 0% 50%;
    }
    50% {
        background-position: 100% 50%;
    }
    100% {
        background-position: 0% 50%;
    }
  }

  .bg-custom4 {
    background-image: linear-gradient(75deg, #181c49, #0f1a6b, #064093, #0271c6);
    background-size: 120% 120%;
    animation: gradientAnimation 5s ease infinite;
  }
  
  @keyframes gradientAnimation {
    0% {
        background-position: 0% 50%;
    }
    50% {
        background-position: 100% 50%;
    }
    100% {
        background-position: 0% 50%;
    }
  }