diff --git a/site/content/docs/5.0/examples/heroes/index.html b/site/content/docs/5.0/examples/heroes/index.html
index 4d97292a8d..ef621fd500 100644
--- a/site/content/docs/5.0/examples/heroes/index.html
+++ b/site/content/docs/5.0/examples/heroes/index.html
@@ -15,7 +15,7 @@ body_class: ""
     <div class="col-lg-6 mx-auto">
       <p class="lead mb-4">Quickly design and customize responsive mobile-first sites with Bootstrap, the world’s most popular front-end open source toolkit, featuring Sass variables and mixins, responsive grid system, extensive prebuilt components, and powerful JavaScript plugins.</p>
       <div class="d-grid gap-2 d-sm-flex justify-content-sm-center">
-        <button type="button" class="btn btn-primary btn-lg px-4 me-sm-3">Primary button</button>
+        <button type="button" class="btn btn-primary btn-lg px-4 gap-3">Primary button</button>
         <button type="button" class="btn btn-outline-secondary btn-lg px-4">Secondary</button>
       </div>
     </div>
@@ -100,10 +100,8 @@ body_class: ""
           <button type="button" class="btn btn-outline-secondary btn-lg px-4">Default</button>
         </div>
       </div>
-      <div class="col-lg-4 offset-lg-1 p-0 position-relative overflow-hidden shadow-lg">
-        <div class="position-lg-absolute top-0 left-0 overflow-hidden">
-          <img class="d-block rounded-lg-3" src="bootstrap-docs.png" alt="" width="720">
-        </div>
+      <div class="col-lg-4 offset-lg-1 p-0 overflow-hidden shadow-lg">
+          <img class="rounded-lg-3" src="bootstrap-docs.png" alt="" width="720">
       </div>
     </div>
   </div>