.decor {
    position: absolute;
    z-index: 0;
    opacity: 0.6;
    animation: float 6s ease-in-out infinite;
    pointer-events: none;
  }
  
  @media (max-width: 768px) {
    .decor,
    .decor-flower,
    .decor-sun,
    .decor-dog,
    .decor-bug,
    .decor-girl,
    .decor-home {
      display: none !important;
    }
  }
  
  /* Верх ліворуч */
  .decor-flower {
    background: url('/public/decor/flower.png') no-repeat center/contain;
    width: 120px;
    height: 120px;
    top: 3%;
    left: 2%;
    animation-delay: 0s;
  }
  
  /* Верх праворуч */
  .decor-sun {
    background: url('/public/decor/sun.png') no-repeat center/contain;
    width: 150px;
    height: 150px;
    top: 5%;
    right: 2%;
    animation-delay: 1.5s;
  }
  
  /* Низ ліворуч */
  .decor-dog {
    background: url('/public/decor/dog.png') no-repeat center/contain;
    width: 130px;
    height: 130px;
    bottom: 4%;
    left: 3%;
    animation-delay: 3s;
  }
  
  /* Низ праворуч */
  .decor-bug {
    background: url('/public/decor/bug.png') no-repeat center/contain;
    width: 130px;
    height: 130px;
    bottom: 6%;
    right: 4%;
    animation-delay: 4.5s;
  }
  
  /* Центр правого краю */
  .decor-girl {
    background: url('/public/decor/girl.png') no-repeat center/contain;
    width: 130px;
    height: 130px;
    top: 40%;
    right: 0%;
    animation-delay: 2.5s;
  }
/* Центр лівого краю  */
    .decor-home {
        background: url('/public/decor/home.png') no-repeat center/contain;
        width: 110px;
        height: 110px;
        top: 40%;
        left: 0%;
        animation-delay: 2.5s;
      }
  
  @keyframes float {
    0%   { transform: translateY(0px); }
    50%  { transform: translateY(-10px); }
    100% { transform: translateY(0px); }
  }