snapchat with scroll

<div class="snp-box">
<div class="snp-header">
<img class="snp-avatar" src="https://i.imgur.com/T4kUTXn.png" />
<span class="snp-contact">Team 7</span>
</div>
<div class="snp-body">

<div class="snp-timestamp"><p>14 june, 2019</p></div>

<p><span class="snp-name-yellow">sakura</span><br />
<span class="snp-msg-yellow">hello everyone!</span><br />
<br />
<span class="snp-name-red">naruto</span><br />
<span class="snp-msg-red">sakura-chan, see we're perfect for each other!</span><br />
<img class="snp-img-red" src="https://i.imgur.com/cS8zaCw.png" /><br />
<br />
<span class="snp-name-green">kakashi</span><br />
<span class="snp-msg-green">did you just cut me off?!</span><br />
<br />
<span class="snp-name-blue">sasuke</span><br />
<span class="snp-msg-blue">hmpf</span><br />
<br />
</p>

<div class="snp-timestamp"><p>20 june, 2019</p></div>

<p><span class="snp-name-red">naruto</span><br />
<span class="snp-msg-red">i-i didn't mean to kakashi-sensei!</span><br />
</p>
</div>
<div class="snp-bottom"><p><img src="https://i.imgur.com/7mkPQ7p.png" /></p></div>
</div>