.organism-club-tabs { background: var( --color-white ); padding: 15px 0; }

.organism-club-tabs .tab-holder { display: flex; width: 100%; position: relative; height: auto; position: relative; height: 100vh; opacity: 1; pointer-events: all; }
.organism-club-tabs .tab-holder.hidden { opacity: 0; pointer-events: none; }
.organism-club-tabs .tab-holder .emblem-watermark { display: none; }
.organism-club-tabs .tab-holder .tab { width: 100%; position: absolute; top: 0; left: 30%; pointer-events: none; filter: grayscale(1); opacity: 0; padding: 20px 0; min-height: 100vh; }
.organism-club-tabs .tab-holder .tab.active { top: 0; left: 0; pointer-events: all; opacity: 1; filter: grayscale(0); }

@media only screen and ( min-width: 48em ) {
    .organism-club-tabs .tab-holder .emblem-watermark { position: fixed; top: 0; left: 0; width: 100%; height: 100%; overflow: hidden; padding: 0; display: block; }
    .organism-club-tabs .tab-holder .emblem-watermark .emblem { width: 100%; height: 100%; background-position: right center; margin: 0 auto; max-width: 100%; position: relative; 
        background-repeat: no-repeat; filter: grayscale(1); opacity: .05; background-size: 390px; opacity: .075; }
}

@media only screen and ( min-width: 62em ) { 
    .organism-club-tabs .tab-holder .emblem-watermark { padding: 100px 0; }
    .organism-club-tabs .tab-holder .emblem-watermark .emblem { background-position: right center; max-width: center; background-size: 450px; }
}

@media only screen and ( min-width: 75em ) { 
    .organism-club-tabs .tab-holder .emblem-watermark { padding: 100px 0; }
    .organism-club-tabs .tab-holder .emblem-watermark .emblem { background-position: right center; max-width: center; background-size: contain; }
}