.fish-container {
            position: absolute;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            z-index: 1;
            pointer-events: none;
        }
        
        .fish {
            position: absolute;
            width: 80px;
            height: 40px;
        }
        
        .fish-1 {
            top: 20%;
            animation: swimRight 60s linear infinite;
        }
        
        .fish-2 {
            top: 50%;
            animation: swimRight 30s linear infinite;
        }
        
        .fish-3 {
            top: 80%;
            animation: swimLeft 35s linear infinite;
        }
        
        @keyframes swimLeft {
            0% {
                transform: translateX(100vw) scaleX(-1);
            }
            100% {
                transform: translateX(100px) scaleX(-1);
            }
        }
        
        @keyframes swimRight {
            0% {
                transform: translateX(-100px) scaleX(-1);
            }
            100% {
                transform: translateX(100vw) scaleX(-1);
            }
        }