@keyframes lds-eclipse {
            0% {
                -webkit-transform: rotate(0);
                transform: rotate(0)
            }

            50% {
                -webkit-transform: rotate(180deg);
                transform: rotate(180deg)
            }

            100% {
                -webkit-transform: rotate(360deg);
                transform: rotate(360deg)
            }
        }

        @-webkit-keyframes lds-eclipse {
            0% {
                -webkit-transform: rotate(0);
                transform: rotate(0)
            }

            50% {
                -webkit-transform: rotate(180deg);
                transform: rotate(180deg)
            }

            100% {
                -webkit-transform: rotate(360deg);
                transform: rotate(360deg)
            }
        }

        .lds-css {
            height: 100vh;
            width: 100%
        }

        .lds-eclipse {
            position: relative;
            text-align: center;
            left: 50%;
            top: 50%;
            width: 200px !important;
            height: 200px !important;
            display: flex;
            align-items: center;
            justify-content: center;
            margin-top: -100px;
            margin-left: -100px
        }

        .lds-eclipse div.loading {
            position: absolute;
            -webkit-animation: lds-eclipse .5s linear infinite;
            animation: lds-eclipse .5s linear infinite;
            width: 160px;
            height: 160px;
            top: 20px;
            left: 20px;
            border-radius: 50%;
            box-shadow: 0 4px 0 0 #0072d8;
            -webkit-transform-origin: 80px 82px;
            transform-origin: 80px 82px
        }

        .lds-eclipse img {
            width: 100px;
            height: 100px
        }