#section2 .content h2{
    display: inline-block;
    font-size: 1.5em;
    transition: 0.5s;
    transform-origin: left;
    transform: scaleX(0);
    height: 359px;
}

#section2 .content h2[data-scroll="in"]
{
    transform: scaleX(1)
}

#section2 .content h2:before
{
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: #eee;
    transform-origin: right;
    transition: 0.5s;
}

#section2 .content h2[data-scroll="in"]:before{
    transform: scaleX(0);
    transition-delay: 0.5s;
}