layout: true <style> .remark-slide-number { position: inherit; } .remark-slide-number .progress-bar-container { position: absolute; bottom: 0; height: 4px; display: block; left: 0; right: 0; } .remark-slide-number .progress-bar { height: 100%; background-color: black; } </style> --- background-image: url("data:image/png;base64,#images/front_cover.png") background-size: cover background-position: 50% 50% class: inverse, center, middle --- background-image: url("data:image/png;base64,#images/1_1920_1080.png") background-size: cover background-position: 50% 50% class: inverse, center, middle --- background-image: url("data:image/png;base64,#images/2_1920_1080.png") background-size: cover background-position: 50% 50% class: inverse, center, middle --- background-image: url("data:image/png;base64,#images/3_1920_1080.png") background-size: cover background-position: 50% 50% class: inverse, center, middle --- background-image: url("data:image/png;base64,#images/4_1920_1080.png") background-size: cover background-position: 50% 50% class: inverse, center, middle --- background-image: url("data:image/png;base64,#images/5_1920_1080.png") background-size: cover background-position: 50% 50% class: inverse, center, middle --- background-image: url("data:image/png;base64,#images/6_1920_1080.png") background-size: cover background-position: 50% 50% class: inverse, center, middle --- background-image: url("data:image/png;base64,#images/7_1920_1080.png") background-size: cover background-position: 50% 50% class: inverse, center, middle --- background-image: url("data:image/png;base64,#images/back_cover.png") background-size: cover background-position: 50% 50% class: inverse, center, middle