EWMA: Yeah hang on lemme get you the code.
Gif was made on an 1080x1080 file with a transparent background. 2 sprites, each sprite gets 3 frames, 6fps. So a .5 second flicker.
HTML
<div class="rpgbox">
<img src="link to gif here" class="talkicon">
<div class="rpgtext">
<p> text go here</p>
</div>
</div>
CSS
.rpgbox {
background-color: lightblue;
width: 95%;
display: inline-block;
border-radius: 25px;
border: 5px;
border-color: black;
margin: 25px;
}
.talkicon {
width: 32%;
display: inline-block;
margin-top: 1%;
margin-bottom: 1%;
}
.rpgtext{
width: 66%;
display: inline-block;
vertical-align: top;
font-size: 20pt;
font-weight: bold;
font-family: Georgia, serif;
line-height: 120%;
color: black;
}
I didn't use it as a base but you might want to check out @mynotaurus 's post about this here
