diff --git a/views/campgrounds/index.ejs b/views/campgrounds/index.ejs
index ec47edcd..ae969723 100644
--- a/views/campgrounds/index.ejs
+++ b/views/campgrounds/index.ejs
@@ -8,10 +8,10 @@
         <div class="row">
             <div class="col-md-4">
                 <%if(campground.images.length) {%>
-                <img class="img-fluid" alt="" src="<%=campground.images[0].url%>">
+                <img class="img-fluid" alt="" src="<%=campground.images[0].url%>" crossorigin>
                 <% }else {%>
                 <img class="img-fluid" alt=""
-                    src="https://res.cloudinary.com/douqbebwk/image/upload/v1600103881/YelpCamp/lz8jjv2gyynjil7lswf4.png">
+                    src="https://res.cloudinary.com/douqbebwk/image/upload/v1600103881/YelpCamp/lz8jjv2gyynjil7lswf4.png" crossorigin>
                 <% } %>
             </div>
             <div class="col-md-8">
diff --git a/views/campgrounds/show.ejs b/views/campgrounds/show.ejs
index a0c85864..af443f3a 100644
--- a/views/campgrounds/show.ejs
+++ b/views/campgrounds/show.ejs
@@ -6,7 +6,7 @@
             <div class="carousel-inner">
                 <% campground.images.forEach((img, i) => {  %>
                 <div class="carousel-item <%= i === 0 ? 'active' : ''%>">
-                    <img src="<%= img.url%>" class="d-block w-100" alt="">
+                    <img src="<%= img.url%>" class="d-block w-100" alt="" crossorigin>
                 </div>
                 <% }) %>
 
diff --git a/views/layouts/boilerplate.ejs b/views/layouts/boilerplate.ejs
index d5b6ca75..61b8cabb 100644
--- a/views/layouts/boilerplate.ejs
+++ b/views/layouts/boilerplate.ejs
@@ -10,8 +10,8 @@
         integrity="sha384-r4NyP46KrjDleawBgD5tp8Y7UzmLA05oM1iAEQ17CSuDqnUK2+k9luXQOfXJCJ4I" crossorigin="anonymous">
     <script src="https://cdn.jsdelivr.net/npm/bs-custom-file-input/dist/bs-custom-file-input.js"></script>
 
-    <script src='https://api.mapbox.com/mapbox-gl-js/v1.12.0/mapbox-gl.js'></script>
-    <link href='https://api.mapbox.com/mapbox-gl-js/v1.12.0/mapbox-gl.css' rel='stylesheet' />
+    <script src='https://api.mapbox.com/mapbox-gl-js/v2.8.0/mapbox-gl.js' crossorigin></script>
+    <link href='https://api.mapbox.com/mapbox-gl-js/v2.8.0/mapbox-gl.css' rel='stylesheet' crossorigin/>
     <link rel="stylesheet" href="/stylesheets/app.css">