.before-after-container {
    display: grid;
    margin: 0 auto;
    gap: 10px;
    grid-template-columns: 50% 50%;
}


.ba_image {
    position: relative;
}

.ba_image span {
    position: absolute;
    background: #ffffffd9;
    padding: 3px 10px;
    display: block;
    font-weight: 700;
    font-size: 18px;
}

.before_after_content {
    text-align: center;
    padding: 20px 10px 0 10px;
}
@media only screen and (max-width: 767px) {
    .before_after_content {
        padding: 10px 0px 0 0px;
    }
    .ba_image span {
        font-size: 14px;
    }
    /* .before_after_content h2,.before_after_content h3,.before_after_content h4,.before_after_content h5,.before_after_content h6 {
       margin-bottom: 0;
    } */
}