:root {
    --blur-radius: 200px;
    --spread-radius: 80px;
}

.background-dot {
    box-shadow: 0px 0px var(--blur-radius) var(--spread-radius) var(--accent);
    -webkit-box-shadow: 0px 0px var(--blur-radius) var(--spread-radius) var(--accent);
    -moz-box-shadow: 0px 0px var(--blur-radius) var(--spread-radius) var(--accent);

    position: absolute;
    height: 0px;
    opacity: 0.0;
}

.dots-parent {
    position: absolute;
    display: block;
    top: 0;
    left: 0;
    width: 100vw;
    z-index: 0;
}

.dot-1 {
    inset: 300px -350px auto auto;
    width: 500px;
    opacity: 0.7;
}

.dot-2 {
    inset: calc(100vh - 200px) auto auto -100px;
    width: 300px;
    opacity: 0.5;
}

.dot-3 {
    inset: 130vh 20vw auto auto;
    width: 100px;
    opacity: 0.7;
}

.dot-4 {
    inset: 200vh auto auto 20vw;
    width: 200px;
    opacity: 0.7;
}

.dot-5 {
    inset: 345vh auto auto 20vh;
    width: 300px;
    opacity: 0.3;
}

.dot-6 {
    inset: 480vh 10vw auto auto;
    width: 100px;
    opacity: 0.6;
}

.dot-7 {
    inset: 585vh auto auto -10vh;
    width: 150px;
    opacity: 0.9;
}

.dot-8 {
    inset: 680vh 42vw auto auto;
    width: 50px;
    opacity: 0.6;
}

.dot-9 {
    inset: 730vh 5vw auto auto;
    width: 150px;
    opacity: 1.0;
}

.dot-10 {
    inset: 830vh auto auto 5vw;
    width: 150px;
    opacity: 1.0;
}

.dot-11 {
    inset: 890vh 10vw auto auto;
    width: 150px;
    opacity: 1.0;
}

.dot-12 {
    inset: 970vh auto auto 15vw;
    width: 150px;
    opacity: 1.0;
}

.dot-13 {
    inset: 1010vh 0px auto auto;
    width: 100px;
    opacity: 1.0;
}

.dot-14 {
    inset: 1120vh auto auto 5vw;
    width: 100px;
    opacity: 1.0;
}


@media (max-width: 992px) {
    .dot-4 {
        width: 100px;
        opacity: 0.3;
    }

    .dot-11 {
        inset: 1090vh 10vw auto auto;
        opacity: 0.3;
    }

    .dot-12 {
        inset: 1200vh auto auto 15vw;
        opacity: 0.3;
    }

    .dot-13 {
        inset: 1300vh 0px auto auto;
        opacity: 0.2;
    }

    .dot-14 {
        inset: 1420vh auto auto 5vw;
        opacity: 0.5;
    }
}