title: I created a github pages site some time ago, but it automatically adds "visibility : hidden !important" tag to one of the divs
body: <p>This is the code that I wrote originally</p>
  
  <p><code>&lt;div class="col-lg-3 col-sm-6 portfolio-item"&gt;
                  &lt;div class="card h-100"&gt;
                      &lt;a href="portfolio_item_2.html"&gt;&lt;img class="card-img-top"           src="assets/pages/img/works/ads1.png" alt=""&gt;&lt;/a&gt;
                      &lt;div class="card-body"&gt;
                          &lt;h4 class="card-title text-center"&gt;
                              &lt;a href="portfolio_item_2.html" style="color:#4e4e4f"&gt;ADS College Information System&lt;/a&gt;
                          &lt;/h4&gt;
                          &lt;p class="card-text text-center"&gt;ADS CIS is a web based app that allows you to control the flow of information in an education institution with minimal efforts.&lt;/p&gt;
                      &lt;/div&gt;
                  &lt;/div&gt;
  &lt;/div&gt;</code></p>
  
  <p>This is what is being generated in the  part</p>
  
  <pre><code>&lt;a href="portfolio_item_2.html"&gt;&lt;img class="card-img-top" src="assets/pages/img/works/ads1.png" alt="" style="visibility: hidden !important; display: none !important; opacity: 0 !important; background-position: 0px 0px;" width="0" height="0"&gt;&lt;/a&gt;
  </code></pre>