Ah! I thiiink I can manage that! Quick and dirty mash up for you! Didn't update any of the colors or anything, just got it all working together and put in some indenting for readability. Let me know if this is what you're looking for.

<lj-raw><div style="max-width:700px;width:100%;margin:0 auto;display:flex;flex-wrap:wrap;justify-content:end;align-items:flex-start;gap:25px;line-height:1.5;font-family:helvetica, arial, sans serif;font-size:12px;text-align:justify;color:#000;"> <!-- SUP! ALL DAYS AFTER THIS POINT --> <!-- DAY: DD --> <div style="width:100%;min-height:150px;display:grid;grid-template-columns:.5fr .5fr 4fr;grid-template-rows:1fr;"> <div style="grid-column-start:2;grid-column-end:4;grid-row-start:1;grid-row-end:2;display:flex;justify-content:flex-end;align-items:center;border-radius:10px;background:#8DBABF;"> <!-- TEXT BODY --> <a name="DD"></a><div style="box-sizing:border-box;max-width:675px;width:95%;margin:25px 25px 25px 50px;display:grid;grid-template-columns:80px 20px auto;grid-template-rows:auto;align-items:stretch;align-content:stretch;font-family:arial, helvetica, sans serif;font-size:12px;background:transparent;color:#4f246d;"> <!-- TIMELINE ITEMS BELOW THIS POINT --> <!-- section --> <div style="grid-column-start:1;grid-column-end:2;padding:5px 15px 5px 10px;font-size:11px;text-align:center;font-weight:bold;"></lj-raw>LABEL TEXT<lj-raw></div> <div style="grid-column-start:2;grid-column-end:3;border-left:1px solid #4f246d;"><div style="width:18px;height:18px;margin:0 -9px;background:#4f246d;"></div></div> <div style="grid-column-start:3;grid-column-end:4;margin-bottom:10px;padding:10px;background:#72508a;color:#fff;"> </lj-raw>!! your text here !!<lj-raw> </div> <!-- section end --> <!-- section --> <div style="grid-column-start:1;grid-column-end:2;padding:5px 15px 5px 10px;font-size:11px;text-align:center;font-weight:bold;"></lj-raw>LABEL TEXT<lj-raw></div> <div style="grid-column-start:2;grid-column-end:3;border-left:1px solid #4f246d;"><div style="width:18px;height:18px;margin:0 -9px;background:#4f246d;"></div></div> <div style="grid-column-start:3;grid-column-end:4;margin-bottom:10px;padding:10px;background:#72508a;color:#fff;"> </lj-raw>!! your text here !!<lj-raw> </div> <!-- section end --> <!-- TIMELINE ITEMS ABOVE THIS POINT --> <div style="grid-column-start:2;width:20px;margin-left:-10px;border-bottom:1px solid #72508a;"></div> </div> </div> <!-- TEXT BODY END--> <!-- DATE/LABEL --> <div style="grid-column-start:1;grid-column-end:3;grid-row-start:1;grid-row-end:2;display:flex;flex-wrap:wrap;justify-content:center;align-items:center;text-align:center;"> <div style="padding:10px 0;line-height:.8;font-family:Garamond, Times New Roman, Serif;color:#171717;"> <b style="font-variant:small-caps;line-height:2;">#month#</b><br/> <b style="font-size:80px;">DD</b><br/><br/> <b style="font-variant:small-caps;">dayday</b></div> </div> <!-- DATE/LABEL END --> </div> <!-- DAY: DD END --> <!-- ALL DAYS ABOVE THIS POINT --> <!-- CREDIT --> <div style="width:100%;margin:-27px 0 0;text-align:right;"><a href="https://10billionghosts.dreamwidth.org/" style="font-size:8px;text-decoration:none;color:#CBCCDA;">code</a></div> <!-- CREDIT --> </div></lj-raw></textarea</center>