<?xml version="1.0" encoding="UTF-8"?><oembed><type>video</type><version>1.0</version><html>&lt;iframe src=&quot;https://www.loom.com/embed/9433989fa1d34dbcb0c7651937eb519e&quot; frameborder=&quot;0&quot; width=&quot;1728&quot; height=&quot;1296&quot; webkitallowfullscreen mozallowfullscreen allowfullscreen&gt;&lt;/iframe&gt;</html><height>1296</height><width>1728</width><provider_name>Loom</provider_name><provider_url>https://www.loom.com</provider_url><thumbnail_height>1296</thumbnail_height><thumbnail_width>1728</thumbnail_width><thumbnail_url>https://cdn.loom.com/sessions/thumbnails/9433989fa1d34dbcb0c7651937eb519e-00001.jpg</thumbnail_url><duration>878</duration><title>Case Studies_Kinship</title><description>----CASE STUDY STEPS-----

1. Create Case Study &quot;Post&quot; (duplicate [TEMPLATE] &gt; Change Title &gt; Replace URL)
    1a. Add Subtitle (Case Studies Settings &gt; Advanced &gt; Grid Subtitle)

2. Create &quot;# Counter&quot; Blog Page
    2a. Create 3 Blog Posts (named #3, #2, #1 - the most recent post always shows up first in the three columns)
    2b. In excerpt, add in your ##, hyperlinked to &quot;#number&quot;
    2c. In excerpt, add in your subtitle beneath the number

3. In Case Study &quot;Post,&quot; link your Summary Block to the associated &quot;# Counter&quot; Blog Page
    3a. Set Summary Block to *Carousel*, and Header Text to &quot;number-counter&quot;

4. Style &quot;# Counter&quot; Color and Symbols (Case Studies Settings &gt; Advanced &gt; Grid Subtitle)
    4a. Replace your Case Study Post body id # (see video) in code template
    4b. Assign Counter Color (refer to color list at end of code block)
    4c. Assign Counter Symbols (make sure &quot;after&quot; / &quot;before&quot; matches your desired symbol placement)

-----SLIDESHOW STYLING----
Please refer to the &quot;Images + Gallery&quot; sections in order to learn how to achieve the Slideshow Gallery inverse color effect.</description></oembed>