removing div with background image and replacing with an image tag

diff --git a/views/frontPage.php b/views/frontPage.php
index 7cbbced..71724a8 100644 (file)
--- a/views/frontPage.php
+++ b/views/frontPage.php
@@ -3,8 +3,8 @@
 echo '<div class="hubspot-container">'
        
         . '<a class="image-link" href="' .$url .'">'
-            . '<div class="hubspot-featured-image" style="background: url('. $image_url . ') no-repeat center center;">'
-            . '</div>'
+            . '<img src="' .$image_url. '">'
+            . '</img>'
         . '</a>'
          . '<div class="hubspot-title">'
             . '<a href="' .$url .'">'
@@ -25,7 +25,7 @@ echo '<div class="hubspot-container">'
      var title = jQuery(".hubspot-title");
 
      image.css("margin-bottom", "20px").css("background-size", "contain").css("width", "500px").css("height","350px");
-     image_link.css("display", "block").css("width", "500px");
+     image_link.css("display", "block");
      blog.find('img').remove();
      title.find("h1").css("margin-bottom", "15px").css("font-size", "25px");