docs: align screenshots

Author: peterpeterparker

README.md

@@ -8,20 +8,20 @@ The inspiration for the design of the "Macish" cards comes from the amazing [car
 
 Carbon:
 
-<div align="left">
-  <img src="static/screenshot-carbon.png" alt="Syntax highlighting code block as Carbon card" width="100%">
+<div align="center">
+  <img src="static/screenshot-carbon.png" alt="Syntax highlighting code block as Carbon card" width="90%">
 </div>
 
 Ubuntu:
 
-<div align="left">
-  <img src="static/screenshot-ubuntu.png" alt="Syntax highlighting code block as Ubuntu card" width="100%">
+<div align="center">
+  <img src="static/screenshot-ubuntu.png" alt="Syntax highlighting code block as Ubuntu card" width="95%">
 </div>
 
 None:
 
-<div align="left">
-  <img src="static/screenshot-none.png" alt="Syntax highlighting code block" width="100%">
+<div align="center">
+  <img src="static/screenshot-none.png" alt="Syntax highlighting code block" width="95%">
 </div>
 
 ## Table of contents