.container {
     background-color: #000000;
    width: 120px;
	height: 120px;
    border-radius: 50%;
    border: 5px solid #bbbbbb;
    margin: auto;
    display: flex;
    align-items: center;
    justify-content: center;
    box-shadow: rgba(0, 0, 0, 0.25) 0px 54px 55px, rgba(0, 0, 0, 0.12) 0px -12px 30px, rgba(0, 0, 0, 0.12) 0px 4px 6px, rgba(0, 0, 0, 0.17) 0px 12px 13px, rgba(0, 0, 0, 0.09) 0px -3px 5px;
    position: absolute;
    top: 70%;
    left: 50%;
    transform: translate(-50%, -50%);
        transition: opacity 0.75s, visibility 0.75s;
}

.magic-loader-container {
            display: flex;
            align-items: center;
            justify-content: center;
        }
        .max-w-full {
            max-width: 100%;
        }
        .max-h-full {
            max-height: 100%;
        }