.layer-swipe {
    position: absolute;
    left: -14px;
    height: 100%;
    width: calc(100vw + 14px);
    z-index: 10;
    transition: opacity ease-out 150ms;
}

    .layer-swipe + table {
        margin-right: 15px;
    }

    .layer-swipe.swiped {
        opacity: 0;
        pointer-events: none;
    }

    .layer-swipe .text-swipe {
        position: relative;
        color: #FFFFFF;
        padding: 0 90px;
        text-align: center;
        top: 35%;
    }

        .layer-swipe .text-swipe p {
            color: #FFFFFF;
            font-size: 20px;
        }

        .layer-swipe .text-swipe img {
            margin-bottom: 10px;
        }

    .layer-swipe .layer {
        position: absolute;
        height: 100%;
        width: 100%;
        background-color: #242424;
        opacity: 50%;
    }

@media (min-width: 768px) {

    .layer-swipe {
        display: none;
    }
}