/* home-cover professional animation setup */
#home-cover {
    position: relative;
    display: block; /* Changed from flex to preserve original layout */
    max-width: 100%;
    margin: 0 auto;
    /* Removed padding to preserve original spacing */
    /* overflow: hidden; */ /* Removed to prevent clipping of elements */
}

#home-cover img,
#home-cover svg {
    max-width: 100%;
    height: auto;
}

/* Layer management for proper stacking */
#home-cover #back {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 1;
    width: 100%;
    height: 100%;
    pointer-events: none;
}

#home-cover .svg-inject {
    position: relative;
    z-index: 2;
    display: block;
    margin: 0 auto;
}

#home-cover img[src*="phone"] {
    position: relative;
    z-index: 3;
    display: block;
    margin: 0 auto;
    max-width: 100%;
    height: auto;
}

/* Improved spacing and positioning */
#home-cover #banana,
#home-cover #banana-sm {
    transform-origin: center center;
    opacity: 0.9;
    filter: drop-shadow(2px 4px 6px rgba(0, 0, 0, 0.1));
}

#home-cover #earth,
#home-cover #earth-sm {
    transform-origin: center center;
    opacity: 0.9;
    filter: drop-shadow(2px 4px 6px rgba(0, 0, 0, 0.1));
}

#home-cover #apple {
    transform-origin: center center;
    opacity: 0.8;
    filter: drop-shadow(1px 2px 4px rgba(0, 0, 0, 0.1));
}

#home-cover #star-left,
#home-cover #star-right {
    transform-origin: center center;
    opacity: 0.7;
    filter: drop-shadow(1px 2px 3px rgba(0, 0, 0, 0.1));
}

/* Responsive design improvements */
@media (max-width: 768px) {
    #home-cover {
        /* Keep original mobile behavior */
    }
    
    #home-cover #back {
        /* Preserve SVG background positioning */
    }
    
    #home-cover img[src*="phone"] {
        /* Keep original phone image size */
    }
}