diff --git a/platform/ios/docs/guides/Adding Markers to a Map.md b/platform/ios/docs/guides/Adding Markers to a Map.md
index 7d809b94379..edda0426856 100644
--- a/platform/ios/docs/guides/Adding Markers to a Map.md	
+++ b/platform/ios/docs/guides/Adding Markers to a Map.md	
@@ -6,7 +6,7 @@ Mapbox offers a few different ways to add markers to a map, each with different
 
 Our annotations API includes the `MGLAnnotationImage`, and `MGLAnnotationView` classes. These are most similar to MapKit’s annotation class and provide a familiar interface for working with markers and callouts.
 
-| ![MGLAnnotationImage](img/adding-points-to-a-map/annotation-image.png "MGLAnnotationImage")               | ![MGLAnnotationView](img/adding-points-to-a-map/annotation-view.png "MGLAnnotationView")              |
+| <img src="img/adding-points-to-a-map/annotation-image.png" alt="MGLAnnotationImage" style="height: 500px;"/>               | <img src="img/adding-points-to-a-map/annotation-view.png" alt="MGLAnnotationView" style="height: 500px;"/>              |
 |----------------------|---------------------|
 | `MGLAnnotationImage` | `MGLAnnotationView` |
 
@@ -27,7 +27,7 @@ The runtime styling API includes our `MGLSymbolStyleLayer` and `MGLCircleStyleLa
 
 If you need to implement callouts with the `MGLSymbolStyleLayer` or `MGLCircleStyleLayer`, you will need to implement your own tap gesture recognizer that calls `-[MGLMapView visibleFeaturesAtPoint:inStyleLayersWithIdentifiers:]` to get the tapped point feature, then show a `UIView` you provide. Additionally, if you need to animate markers when using the runtime styling APIs, consider using an timer to update the source data coordinates accordingly.
 
-| ![`MGLCircleStyleLayer`](img/adding-points-to-a-map/circle-layer.png "MGLCircleStyleLayer")               | ![`MGLSymbolStyleLayer`](img/adding-points-to-a-map/symbol-layer.png "MGLSymbolStyleLayer")              |
+| <img src="img/adding-points-to-a-map/circle-layer.png" alt="MGLCircleStyleLayer" style="height: 500px;"/>               | <img src="img/adding-points-to-a-map/symbol-layer.png" alt="MGLSymbolStyleLayer" style="height: 500px;"/>              |
 |----------------------|---------------------|
 | `MGLCircleStyleLayer` | `MGLSymbolStyleLayer` |
 
diff --git a/platform/ios/docs/img/adding-points-to-a-map/annotation-image.png b/platform/ios/docs/img/adding-points-to-a-map/annotation-image.png
index 71cfeea622f..d3109f5527c 100644
Binary files a/platform/ios/docs/img/adding-points-to-a-map/annotation-image.png and b/platform/ios/docs/img/adding-points-to-a-map/annotation-image.png differ
diff --git a/platform/ios/docs/img/adding-points-to-a-map/annotation-view.png b/platform/ios/docs/img/adding-points-to-a-map/annotation-view.png
index 7d91e7cf676..8fb962bab12 100644
Binary files a/platform/ios/docs/img/adding-points-to-a-map/annotation-view.png and b/platform/ios/docs/img/adding-points-to-a-map/annotation-view.png differ
diff --git a/platform/ios/docs/img/adding-points-to-a-map/circle-layer.png b/platform/ios/docs/img/adding-points-to-a-map/circle-layer.png
index c7d5f8adde6..7198ec8f5d5 100644
Binary files a/platform/ios/docs/img/adding-points-to-a-map/circle-layer.png and b/platform/ios/docs/img/adding-points-to-a-map/circle-layer.png differ
diff --git a/platform/ios/docs/img/adding-points-to-a-map/symbol-layer.png b/platform/ios/docs/img/adding-points-to-a-map/symbol-layer.png
index cbea906123c..a5ffa9d543b 100644
Binary files a/platform/ios/docs/img/adding-points-to-a-map/symbol-layer.png and b/platform/ios/docs/img/adding-points-to-a-map/symbol-layer.png differ