.loader_molecules {
    width: 100px;
    height: 100px;
    position: relative;
    margin: auto;
    padding-left: 20px;
    padding-right: 20px;
    box-sizing: border-box;
    margin-left: 5px;
}
.loader_molecules.small{
    width: 20px;
    height: 20px;
}
.loader_molecules.small:after {
    content: "";
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50% , -50%);
    background: linear-gradient(90deg,rgb(207,0,0),rgb(151, 24, 24));
    width: 15px;
    height: 15px;
    border-radius: 50%;
    animation: pulse_white 1.5s infinite linear;
}
.loader_molecules.small>.one,
.loader_molecules.small>.two,
.loader_molecules.small>.three,
.loader_molecules.small>.four,
.loader_molecules.small>.five{
    content: "";
    position: absolute;
    inset: 0;
    margin: auto;
    width: 5px;
    height: 5px;
    border-radius: 50%;
    background: rgb(226, 226, 226);
}
.loader_molecules.small>.one{
    z-index: 1;
    transform-origin: -5px 50%;
    animation: spin_front 1s infinite linear, z_index 4s infinite linear;
}

.loader_molecules.small>.two{
    transform-origin: 10px 50%;
    animation: spin_back 1.15s infinite linear, z_index 6.5s infinite linear;
}
.loader_molecules.small>.three{
    z-index: 1;
    transform-origin: 50% -5px;
    animation: spin_front 0.95s infinite linear, z_index 4.5s infinite linear;
}
.loader_molecules.small>.four{
    transform-origin: 50% 10px;
    animation: spin_back 0.85s infinite linear, z_index 5.5s infinite linear;
}
.loader_molecules.small>.five{
    transform-origin: 35% 10px;
    animation: spin_front 1.25s infinite linear, z_index 5.5s infinite linear;
}