.loader-wrapper {
        position: fixed;
        top: 0;
        left: 0;
        height: 100%;
        width: 100%;
      }
    .Loader {
        position: relative;
        height: 100%;
        width: 100%;
        display: flex;
        justify-content: center;
        align-items: center;
    }

    .Loader svg {
        margin: 25px;
    }
    .Loader svg rect {
        animation-name: Loader;
        animation-duration: 1s;
        animation-iteration-count: infinite;
        -webkit-animation-name: Loader;
        -webkit-animation-duration: 1s;
        -webkit-animation-iteration-count: infinite;
    }
    .Loader svg rect:nth-child(1) {
        animation-delay: 0s;
        -webkit-animation-delay: 0s;
    }
    .Loader svg rect:nth-child(2) {
        animation-delay: 50ms;
        -webkit-animation-delay: 50ms;
    }
    .Loader svg rect:nth-child(3) {
        animation-delay: 100ms;
        -webkit-animation-delay: 100ms;
    }
    @-webkit-keyframes Loader {
        0% {
            height: 50px;
            transform: translateY(0px);
            -webkit-transform: translateY(0px);
        }
        30% {
            height: 10px;
            transform: translateY(20px);
            -webkit-transform: translateY(20px);
        }
        100% {
            height: 50px;
            transform: translateY(0px);
            -webkit-transform: translateY(0px);
        }
    }
    @keyframes Loader {
        0% {
            height: 50px;
            transform: translateY(0px);
            -webkit-transform: translateY(0px);
        }
        30% {
            height: 10px;
            transform: translateY(20px);
            -webkit-transform: translateY(20px);
        }
        100% {
            height: 50px;
            transform: translateY(0px);
            -webkit-transform: translateY(0px);
        }
    }