div#wrapper {
    background-color: red; /* cosmetic */
    height: 0px; /* set to taste */

    /* required */
    position: absolute;
    overflow: visible;
    display: block;
    width: 100%;
    left: 0px;
    top: 50%;
}
div#center {
    background-color: #666; /* cosmetic */
    border: 3px solid #FFF; /* cosmetic */

    overflow: auto; /* set to taste */

    position: absolute; /* required */
    left: 50%; /* required */

    margin-left: -150px; /* half of width */
    width: 300px; /* width of div */

    height: 250px; /* height of div */
    top: -125px; /* half of height */
}


#banner {
    position: absolute;
    width: 300px;
    height: 250px;
    top: 0;
    left: 0;
    overflow: hidden;
    background-color: #fff;
    opacity: 0;
    transition: opacity 0.15;
}

#logo {
    position: absolute;
    width: 90%;
    left: 5%;
    height: 50%;
    top: 25%;
}

#logo svg {
    width: 100%;
    height: 100%;
}

.mline {
    clip-path: polygon(0 0, 0% 0, 0% 100%, 0% 100%);
}

.element {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    z-index: 2;
}

.element img {
    width: 100%;
    height: 100%;
    object-fit: contain;
}

.border {
    z-index: 5;
}

.card5,
.card6 {
    transform-origin: 75% 50%;
}

.tag {
    transform-origin: 90% 60%;
}