making waves (placeholder / png version)

[comment]--CODE BY REVERIEE--
making waves (png 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;

/*if you would like to customize the color of this icon, you must use a black png with a transparent background (if the original isn't black, you can edit that in image editing software!*/
--icon: url(https://img2.pngio.com/tortoise-turtle-reptile-vector-graphics-portable-network-graphics-turtle-vector-png-1024_1022.png);
--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;background:var(--icon) 50% 50%;background-size:cover;height:220px;width:220px;padding:0;

/*this filter changes the color of the black icon to whatever you want! you can use https://codepen.io/sosuke/pen/Pjoqqp to get the filter for your target hex color (just copy and paste!)*/
filter:invert(68%) sepia(20%) saturate(831%) hue-rotate(131deg) brightness(85%) contrast(89%);opacity:0.2;position:absolute;top:calc(50% - 110px);left:calc(50% - 110px);z-index:1][/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]