I have this 

<section class="pricing">

<div class="pricing-container">
<div class="pricing-column column-1">
<h2>Standard</h2>

<p class="text2 price">&dollar;69</p>

<p class="pricing-info text2">Billed monthly. Cancel anytime.</p>
<p class="pricing-description">Great for personal accounts, businesses and upcoming influencers looking for organic growth.</p>

<a class="btn btn--primary type--uppercase pricing-cta text2" href="https://app.upleap.com/register?plan=standard-usd-monthly">
<span class="btn__text">
10-day Free Trial
</span>
</a>
<ul style="list-style-image: url(img/checkmark.html)" class="check-features">
<li><b>400+ Instagram Followers</b></li>
<li>Follow/Unfollow Automation</li>
<li>Real & Organic Growth</li>
<li>Target by Account</li>
<li>Target by Hashtag</li>
<li>Suggested Targets by Industry</li>
<li>Whitelist & Blacklist</li>
<li>Auto-Whitelist</li>
<li>Like after Follow</li>
</ul>
<ul style="list-style-image: url(img/exmark.html)" class="ex-features">
<li>Dedicated Account Manager</li>
<li>Welcome DM Automation</li>
<li>Story Liker & Viewer</li>
<li>Filter by Gender</li>
<li>Filter by Location</li>
</ul>
</div>
<div class="pricing-column column-2">
<p class="most-popular-tag">Most popular</p>
<h2>Pro</h2>

<p class="text2 price">&dollar;119</p>

<p class="pricing-info text2">Billed monthly. Cancel anytime.</p>
<p class="pricing-description">Level up your Instagram game with advanced features and a <b>Dedicated Account Manager</b>.</p>

<a class="btn btn--primary type--uppercase pricing-cta text2" href="https://app.upleap.com/register?plan=pro-usd-monthly">
<span class="btn__text">
10-day Free Trial
</span>
</a>
<ul style="list-style-image: url(img/checkmark.html)" class="check-features">
<li><b>1,000+ Instagram Followers</b></li>
<li>Follow/Unfollow Automation</li>
<li>Real & Organic Growth</li>
<li>Target by Account</li>
<li>Target by Hashtag</li>
<li>Suggested Targets by Industry</li>
<li>Whitelist & Blacklist</li>
<li>Auto-Whitelist</li>
<li>Like after Follow</li>
<li>Dedicated Account Manager</li>
<li>Welcome DM Automation</li>
<li>Story Liker & Viewer</li>
<li>Filter by Gender</li>
<li>Filter by Location</li>
</ul>
</div>
<div class="pricing-column column-3">
<h2>Premium</h2>

<p class="text2 price">&dollar;239</p>

<p class="pricing-info text2">Billed monthly. Cancel anytime.</p>
<p class="pricing-description">Supercharge your growth with Follower Bursts. Get everything from the Pro Plan + even more exposure!</p>

<a class="btn btn--primary type--uppercase pricing-cta text2" href="https://app.upleap.com/register?plan=premium-usd-monthly">
<span class="btn__text">
10-day Free Trial
</span>
</a>
<ul style="list-style-image: url(img/checkmark.html)" class="check-features">
<li><b>2,500+ Instagram Followers</b></li>
<li>Follow/Unfollow Automation</li>
<li>Real & Organic Growth</li>
<li>Target by Account</li>
<li>Target by Hashtag</li>
<li>Suggested Targets by Industry</li>
<li>Whitelist & Blacklist</li>
<li>Auto-Whitelist</li>
<li>Like after Follow</li>
<li>Dedicated Account Manager</li>
<li>Welcome DM Automation</li>
<li>Story Liker & Viewer</li>
<li>Filter by Gender</li>
<li>Filter by Location</li>
</ul>
</div>
</div>
</section>

and this

@media screen and (max-width: 1024px) {
  .pricing-container {
    display: flex !important;
    overflow-x: auto !important;
    scroll-snap-type: x mandatory !important;
    -webkit-overflow-scrolling: touch !important;
  }

  .pricing-column {
    flex: 1 0 100% !important;
    min-width: 300px !important;
    scroll-snap-align: start !important;
  }

I wanted the 3 columns to slide automatically back and forth each like 2 seconds