.loader {
    width: 75px;
    height: 75px;
    aspect-ratio: 1;
    --c:no-repeat linear-gradient(gray 0 0);
    background: 
        var(--c) 0    0,
        var(--c) 0    100%, 
        var(--c) 50%  50%,   
        var(--c) 100% 0, 
        var(--c) 100% 100%;
    animation: l13 1s infinite alternate;
}
  
    @keyframes l13 {
    0%,10%   {background-size:20% 100%}
    50%      {background-size:20%  20%}
    90%,100% {background-size:100% 20%}
}

#index-loading-div, #index-loading-div-2, #blogs-loading-div, #article-loading-div, #article-loading-div-main {
    display: flex;
    justify-content: center;
    align-items: center;
    height: 80vh;
}