.img-register{
    width: 80%;
    height: 60%;
    margin-left: auto;
    margin-right: auto;
}
.eclipses-container::before,
.eclipses-container::after {
    content: "";
    position: absolute;
    width: 550px;
    height: 550px;
    border-radius: 10%;
    z-index: -1;
}

.eclipses-container::before {
    filter: blur(50px);
    top: 5px;
    left: 10px;
    background: radial-gradient(circle, rgba(254, 164, 0, 0.45) 20%, transparent 80%);
}

.eclipses-container::after {
    filter: blur(50px);
    right: 70px;
    bottom: -100px;
    background: radial-gradient(circle, rgba(0, 69, 143, 0.5) 20%, transparent 80%);
}


@media(max-width: 768px) {
     

    .eclipses-container::before {
        width: 300px;
        height: 300px;
        left: 20px;
    }

    .eclipses-container::after {
        width: 300px;
        height: 300px;
        left: 200px;
    }
}