App splash page iPhone slider

I'm making a splash page for an app and I've got a features section with 3 columns.
The two outer columns are text describing the features and I want the center column to be a vertical iPhone image slider.

I want the slider to autoplay, and I figure the slider should use a fade effect so the phone never seems to change, just the screen image inside it.
I've tried to frankenstein a few different slider components but nothing has worked how I want so far.

Which slider should I use to accomplish this? And how to implement?

Thanks

I don't have the app yet so I don't have the screenshots I will put into my iPhone template.

But I'll attach 2 numbered iPhone images that are the same size I'll want to use in the slider.

This is how I'll want the features section to be structured:

    
        
            
                
                    
feature text goes here

                
                
                    
                
                
                    
feature text goes here

                
            
        
    

Hope I did that right...

That last code snippet didn't work at all.

This is what it should look like...
<section id="content">
<div class="content-wrap">
<div class="container clearfix">
<div class="row">
<div class="col-md-4">
<p>feature text goes here</p>
</div>
<div class="col-md-4">
<!-- SLIDER WOULD GO HERE -->
</div>
<div class="col-md-4">
<p>feature text goes here</p>
</div>
</div>
</div>
</div>
</section>