.image-corner,
.image-corner img,
.image-corner picture {
    border-radius: 30px !important;
    overflow: hidden !important;
}

.orbit-bg{
    position:relative;
    overflow:hidden;
    isolation:isolate;
}

.orbit-bg::before{
    content:"";
    position:absolute;

    /* Right Side */
    right:-180px;
    top:50%;
    transform:translateY(-50%);

    width:720px;
    height:720px;
    border-radius:50%;
    pointer-events:none;

    background:

    /* ===== OUTER ORBIT DOTS ===== */
    radial-gradient(circle at 50% 2%, #4A9FDD 0 5px, transparent 6px),
    radial-gradient(circle at 75% 8%, #4A9FDD 0 5px, transparent 6px),
    radial-gradient(circle at 92% 25%, #4A9FDD 0 5px, transparent 6px),
    radial-gradient(circle at 98% 50%, #4A9FDD 0 5px, transparent 6px),
    radial-gradient(circle at 92% 75%, #4A9FDD 0 5px, transparent 6px),
    radial-gradient(circle at 75% 92%, #4A9FDD 0 5px, transparent 6px),
    radial-gradient(circle at 50% 98%, #4A9FDD 0 5px, transparent 6px),
    radial-gradient(circle at 25% 92%, #4A9FDD 0 5px, transparent 6px),
    radial-gradient(circle at 8% 75%, #4A9FDD 0 5px, transparent 6px),
    radial-gradient(circle at 2% 50%, #4A9FDD 0 5px, transparent 6px),
    radial-gradient(circle at 8% 25%, #4A9FDD 0 5px, transparent 6px),
    radial-gradient(circle at 25% 8%, #4A9FDD 0 5px, transparent 6px),

    /* ===== ORBIT RINGS ===== */
    radial-gradient(circle,
        transparent 80px,
        rgba(74,159,221,.55) 81px,
        transparent 82px),

    radial-gradient(circle,
        transparent 150px,
        rgba(74,159,221,.45) 151px,
        transparent 152px),

    radial-gradient(circle,
        transparent 220px,
        rgba(74,159,221,.38) 221px,
        transparent 222px),

    radial-gradient(circle,
        transparent 290px,
        rgba(74,159,221,.30) 291px,
        transparent 292px),

    radial-gradient(circle,
        transparent 360px,
        rgba(74,159,221,.25) 361px,
        transparent 362px);

    animation:orbitRotate 90s linear infinite;
}

.orbit-bg>*{
    position:relative;
    z-index:2;
}

@keyframes orbitRotate{
    from{
        transform:translateY(-50%) rotate(0deg);
    }
    to{
        transform:translateY(-50%) rotate(360deg);
    }
}

.left-orbit-bg{
    position:relative;
    overflow:hidden;
    isolation:isolate;
}

.left-orbit-bg::before{
    content:"";
    position:absolute;

    /* Left Side */
    left:-180px;
    top:50%;
    transform:translateY(-50%);

    width:720px;
    height:720px;
    border-radius:50%;
    pointer-events:none;

    background:

    /* ===== OUTER ORBIT DOTS ===== */
    radial-gradient(circle at 50% 2%, #4A9FDD 0 5px, transparent 6px),
    radial-gradient(circle at 75% 8%, #4A9FDD 0 5px, transparent 6px),
    radial-gradient(circle at 92% 25%, #4A9FDD 0 5px, transparent 6px),
    radial-gradient(circle at 98% 50%, #4A9FDD 0 5px, transparent 6px),
    radial-gradient(circle at 92% 75%, #4A9FDD 0 5px, transparent 6px),
    radial-gradient(circle at 75% 92%, #4A9FDD 0 5px, transparent 6px),
    radial-gradient(circle at 50% 98%, #4A9FDD 0 5px, transparent 6px),
    radial-gradient(circle at 25% 92%, #4A9FDD 0 5px, transparent 6px),
    radial-gradient(circle at 8% 75%, #4A9FDD 0 5px, transparent 6px),
    radial-gradient(circle at 2% 50%, #4A9FDD 0 5px, transparent 6px),
    radial-gradient(circle at 8% 25%, #4A9FDD 0 5px, transparent 6px),
    radial-gradient(circle at 25% 8%, #4A9FDD 0 5px, transparent 6px),

    /* ===== ORBIT RINGS ===== */
    radial-gradient(circle,
        transparent 80px,
        rgba(74,159,221,.55) 81px,
        transparent 82px),

    radial-gradient(circle,
        transparent 150px,
        rgba(74,159,221,.45) 151px,
        transparent 152px),

    radial-gradient(circle,
        transparent 220px,
        rgba(74,159,221,.38) 221px,
        transparent 222px),

    radial-gradient(circle,
        transparent 290px,
        rgba(74,159,221,.30) 291px,
        transparent 292px),

    radial-gradient(circle,
        transparent 360px,
        rgba(74,159,221,.25) 361px,
        transparent 362px);

    animation:leftOrbitRotate 90s linear infinite;
}

.left-orbit-bg > *{
    position:relative;
    z-index:2;
}

@keyframes leftOrbitRotate{
    from{
        transform:translateY(-50%) rotate(0deg);
    }
    to{
        transform:translateY(-50%) rotate(360deg);
    }
}
/*Demo-1-----------------------------------------------------*/
/* RIGHT → LEFT + TOP → DOWN + LEFT
   SMOOTH CONTINUOUS ANIMATION */

.your-icon-class {
    animation: rightLeftDiagonal 8s ease-in-out infinite;
}

@keyframes rightLeftDiagonal {

    0% {
        transform: translate3d(30px, -30px, 0);
    }

    20% {
        transform: translate3d(15px, 0, 0);
    }

    40% {
        transform: translate3d(0, 30px, 0);
    }

    60% {
        transform: translate3d(-20px, 45px, 0);
    }

    80% {
        transform: translate3d(-35px, 15px, 0);
    }

    100% {
        transform: translate3d(30px, -30px, 0);
    }
}