CSR, SSR, SSG, ISR Explained

One day on our kinda monthly call where every company member can join we were discussing how fast one website is. I said that they probably use SSR on even SSG in some places and I tried to quickly explain for what these acronyms stand for. And it was a very technical explanation, so one guy from sales department said - what about explaining it maybe in human language? I started looking for good articles and found a few really interesting and clean. But you know what? They were written for developers. All the articles about these topics were written for developers and those of us who has some skills in engineering. I accepted this challenge and decided to create a fun and simple explanation of CSR, SSR, SSG and ISR. I've created it in a way of story and slides - now sure how good it will work on hashnode, but I want to share it in a way it was originally created. So I'm done with preface and you can jump into the story explaining rendering approaches...