.backgroundshapes {
    /* Center all the shapes */
    height: 100%;
    width: 100%;
    padding: 0px !important;
    position: relative;
    overflow: hidden;
    background: linear-gradient(to bottom, rgb(var(--bs-primary-darker-rgb)) 0%, rgba(var(--bs-section-bg-primary-rgb), 0.7) 70%, rgba(var(--bs-light-rgb), var(--bs-bg-opacity)) 100%);
}

.backgroundshapes>div {
    transition: 2s ease;
    top: 50%;
    left: 50%;
}

.masthead {
    z-index: 1;
}