Make images responsive in Hyperspace and Verti

public/themes/hyperspace/assets/css/sitewriter.css

@@ -0,0 +1,13 @@
+/*
+This Source Code Form is subject to the terms of the Mozilla Public
+License, v. 2.0. If a copy of the MPL was not distributed with this
+file, You can obtain one at http://mozilla.org/MPL/2.0/.
+*/
+
+.img-responsive, .img-fluid {
+    border-radius: 0.25em;
+    border: 0;
+    display: block;
+    margin: 0 0 2em 0;
+    width: 100%;
+}

public/themes/hyperspace/inc/head.inc.php

@@ -12,4 +12,5 @@
 <link rel="stylesheet" href="<?php get_fontawesome_css(); ?>" />
 <!--[if lte IE 9]><link rel="stylesheet" href="<?php get_theme_url(); ?>/assets/css/ie9.css" /><![endif]-->
 <!--[if lte IE 8]><link rel="stylesheet" href="<?php get_theme_url(); ?>/assets/css/ie8.css" /><![endif]-->
+<link rel="stylesheet" href="<?php get_theme_url(); ?>/assets/css/sitewriter.css" />
 <?php get_header(); ?>

public/themes/verti/assets/css/sitewriter.css

@@ -0,0 +1,12 @@
+/*
+This Source Code Form is subject to the terms of the Mozilla Public
+License, v. 2.0. If a copy of the MPL was not distributed with this
+file, You can obtain one at http://mozilla.org/MPL/2.0/.
+*/
+
+.img-responsive, .img-fluid {
+    max-width: 100%;
+    display: inline-block;
+    outline: 0;
+    border-radius: 8px;
+}

public/themes/verti/inc/header.inc.php

@@ -14,4 +14,5 @@ header("Link: <https://static.netsyms.net/fonts/open-sans/Open_Sans.css>; rel=pr
 <meta name="viewport" content="width=device-width, initial-scale=1" />
 <link rel="stylesheet" href="<?php get_fontawesome_css(); ?>" />
 <link rel="stylesheet" href="<?php get_theme_color_url(); ?>/main.css" />
+<link rel="stylesheet" href="<?php get_theme_url(); ?>/assets/css/sitewriter.css" />
 <?php get_header(); ?>