making waves (placeholder / fa-icon version)

[comment]--CODE BY REVERIEE--
making waves (fa-icon version), placeholder. do not remove credit (visible or not) or claim as your own.

-- to change the colors/images, change the variables below --
in order to change fonts, change the font in the variable, along with the corresponding font in the call-out tag in the comments below

[font=Petrona]main font[/font][/comment][border=0;

--img: url(https://i.pinimg.com/736x/79/7a/34/797a34586458d60345b384dff946425f.jpg);

--bg: white;
--c1:#55aaaa;
--c2:#93c4c4;

--font: 'Petrona', serif;
--textc: black;

width:250px;height:280px;background:var(--bg);box-sizing:border-box;padding:0;margin:auto;display:flex;flex-flow:column nowrap;justify-content:center;align-items:center;position:relative;overflow:hidden][border=0;height:220px;width:100%;font-size:200px;line-height:100%;padding:0;color:var(--c1);opacity:0.2;position:absolute;top:calc(50% - 110px);z-index:1;text-align:center;display:flex;justify-content:center;align-items:center][comment]

--fa icon here--

[/comment][fa]fa-water[/fa][/border][border=0;border-radius:100%;height:120px;width:120px;z-index:3;padding:5px; box-sizing:border-box; border:5px solid var(--c1); border-left: 5px solid var(--c2); animation: fa-spin 20s linear infinite;][border=0; height:100%; width:100%; padding:0; background: var(--img)

/*edit image size and positioning here*/
50% 50%; background-size:cover; border-radius:100%; animation:fa-spin 20s linear infinite reverse;][/border][/border][border=0;margin:5px 0;font-family:var(--font);font-size:15px;padding:0;color:var(--textc);text-align:center][border=0;padding:0;font-weight:bold;text-transform:uppercase;color:var(--c1);font-size:17px][comment]

--name here--

[/comment]name here[/border][comment]

--role/quote here--

[/comment]"making waves"[/border][border=0;padding:3px;position:absolute;bottom:0;right:0;color:var(--c2);font-size:10px;font-family:var(--font);text-transform:uppercase;line-height:100%][comment]

--do not remove credit--

[/comment]© reveriee[/border][/border]