bootstrap v5.0-alpha2 fixes

pages/_includes/ui/map-vector.html

@@ -3,8 +3,8 @@
 {% assign color = include.color | default: data.color | default: 'green' %}
 
 {% if data %}
-	<div class="embed-responsive embed-responsive-16x9">
-		<div class="embed-responsive-item">
+	<div class="ratio ratio-16x9">
+		<div>
 			<div id="map-{{ id }}" class="w-100 h-100"></div>
 		</div>
 	</div>

pages/_includes/ui/map.html

@@ -2,8 +2,8 @@
 {% assign data = site.data.maps[id] %}
 
 {% if data %}
-	<div class="embed-responsive embed-responsive-{{ data.ratio | default: include.ratio | default: '16x9' }}">
-		<div class="embed-responsive-item">
+	<div class="ratio ratio-{{ data.ratio | default: include.ratio | default: '16x9' }}">
+		<div>
 			<div id="map-{{ id }}" class="w-100 h-100{% if data.card %} rounded{% endif %}"></div>
 		</div>
 	</div>