.myn_flag-scroll_container {
    height: calc(var(--myn_flag-size) + 40px);
    display: flex;
    flex-direction: row;
    overflow-x: hidden;
    mask-image: linear-gradient(to right,
                                #00000000,
                                #000000FF 10%,
                                #000000FF 90%,
                                #00000000);
}

.myn_flag-scroll, .myn_flag-scroll_secondary {
    flex-shrink: 0;
    display: flex;
    align-items: center;
    white-space: nowrap;
    transform: translateX(0%);
    animation: flags var(--myn_flag-speed) linear infinite;
}

.myn_flag-scroll_container img {
    height: var(--myn_flag-size);
    /*margin-inline: 15px;*/
    /*border-radius: 15px;*/
    /*box-shadow: 0 0 10px gray;*/
}

@keyframes flags {
    to { transform: translateX(-100%) }
}