mobile-stack-columns

HTML:

<!-- Soccer Testimonial -->
<div class="container-fluid">
    <div class="container">
        <div class="row row-eq-height" style="min-height: 350px;">
            <div class="col-sm-4 testimonial-image">
               <img src="wp-content/uploads/2016/01/soccer-coach-image.png" alt="" style="margin: auto; display: block; position: relative; top: 100px; height: 150px; width: 150px; border-radius: 50%;"></img>
            </div>
            <div class="col-sm-8 testimonial">
                <h1>Real Quote Here</h1><br />
                <h4>Person's Name, Title</h4>
            </div>
        </div>
    </div>
</div>


CSS:

.testimonial-image {
    min-height: 350px;
}
.testimonial {
    min-height: 350px;
}
.testimonial h1 {
    width: auto;
    display: inline-block;
    margin-top: 100px;
}
.testimonial h4 {
    width: auto;
    display: inline-block;
    margin-bottom: 100px;
}
@media only screen  and (max-width : 768px) {
    .testimonial-image {
    }
    .testimonial {
        min-height: 0;
        height: auto;
    }
    .testimonial h1 {
        width: 100%;
        position: relative;
        text-align: center;
        margin: 0px;
    }
    .testimonial h4 {
        width: 100%;
        position: relative;
        text-align: center;
    }
}