.box-container {
    position: relative;
    display: flex;
    flex-direction: column;
    flex: 1 1 auto;
    z-index: 1;
    overflow: auto;
}

.welcome-box {
    z-index: 1;
    background: var(--cds-alias-object-app-background);

    padding: 20px;
    box-shadow: 0px 2px 10px 0px rgba(17, 22, 44, 0.5);
    max-width: 80%;
    border: 2px solid;
    text-align: center;
    border-image-slice: 1;
    border-image-source: linear-gradient(to left, #743ad5, #d53a9d);
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);

    animation: fadeIn 2s;
}

@keyframes fadeIn {
    0% { opacity: 0; }
    100% { opacity: 1; }
}