.battle-sea {
    background: url(../battle-sea/tablero-grid-img.jpg) top center no-repeat;
    background-size: cover;
    background-color: cadetblue;
    margin: 0;
    padding: 0;
    overflow: auto;
    min-height: 1;
    max-height: 100vh;
    .tablero {
        position: fixed;
        top: 90px;
        width: 50%;
        height: 100vh;
        overflow: auto;
        &.izquierdo {
            background-color: transparent;
            .left {
                opacity: 1;
            }
        }
        &.derecho {
            left: 50%;
            .right {
                opacity: 1;
            } 
        }
        img {
            height: fit-content;
        }
    }
}