Resizing Images In Sample Page

Issues with resizing attribute in browsers like Firefox and Edge, so we
changed the image size.

html/ListingBootstrap.html

@@ -68,7 +68,7 @@ <h4>Operating Systems</h4>
         <h2>Available Devices</h2>
         <div style="border: solid; border-width: thin; padding: 15px;">
           <div style = "display: inline-block; text-align: center;">
-          <img src="imgs/iphone.png" style="display: block; height: 20%;">
+          <img src="imgs/iphone.png" style="display: block;">
           George
           </div>
           <div style="display: inline-block; width: 200px; text-align: center; vertical-align: center;"><p>George is probably the coolest iPhone to exist. Ever. Point blank, period.</p><button type="button" style="display: block; margin: auto;">Order device</button>
@@ -77,7 +77,7 @@ <h2>Available Devices</h2>
         <br>
         <div style="border: solid; border-width: thin; padding: 15px;">
           <div style = "display: inline-block; text-align: center;">
-          <img src="imgs/ipad.png" style="display: block; height: 20%;">
+          <img src="imgs/ipad.png" style="display: block;">
           Linkin Park
           </div>
           <div style="display: inline-block; width: 200px; text-align: center; vertical-align: center;"><p>"The hardest part of ending is starting again."</p><button type="button" style="display: block; margin: auto;">Order device</button>