.background-container {
    height: 100%;
    border-style: solid;
    border-width: 2px;
    border-color: #fff8df;
    border-radius: 20px;
    background-color: #242424;
    background-image: url('https://res.cloudinary.com/kibibyte/image/upload/v1691907134/dust-and-scratches-2_kghixj.png'), url('https://res.cloudinary.com/kibibyte/image/upload/v1691907049/dots_qbwrdx.svg');
    background-position: 50% 50%, 50% 50%;
    background-size: auto, auto;
    background-repeat: repeat, repeat;
    background-attachment: scroll, scroll;
}

.background-nb-container {
    height: 100%;
    background-color: #242424;
    background-image: url('https://res.cloudinary.com/kibibyte/image/upload/v1691907134/dust-and-scratches-2_kghixj.png'), url('https://res.cloudinary.com/kibibyte/image/upload/v1691907049/dots_qbwrdx.svg');
    background-position: 50% 50%, 50% 50%;
    background-size: auto, auto;
    background-repeat: repeat, repeat;
    background-attachment: scroll, scroll;
}

.background-plain-container {
    height: 100%;
    opacity: 1;
    border-radius: 20px;
    background-color: rgba(36, 36, 36, 1);
    background-size: auto, auto;
    background-repeat: repeat, repeat;
    background-attachment: scroll, scroll;
}

.background-hero-container {
    height: 100%;
    width: 100%;
    border-style: solid;
    border-width: 2px;
    border-color: rgba(255, 248, 224, .5);
    border-radius: 20px;
    background-color: rgba(36, 36, 36, .8);
    background-size: auto, auto;
    background-repeat: repeat, repeat;
    background-attachment: scroll, scroll;
}