fruit-animation{
    display: contents;
}
fruit-animation .fruit-image{
    width:var(--pc-width);
    position: absolute;
    top: var(--pc-top);
    left: var(--pc-left);
    transform: rotate(var(--angle)) translateX(-50%) translateY(-50%);
    z-index: 2;
}

@media(max-width:1024px){
    fruit-animation .fruit-image{
        top: var(--ipad-top);
        left: var(--ipad-left);
    }
}
@media(max-width:768px){
    fruit-animation .fruit-image{
        width:var(--mobile-width);
        top: var(--mobile-top);
        left: var(--mobile-left);
    }   
}