work <img src="/assets/img/12.jpg" class="card-img-top" width="100%" height="auto" alt="project thumbnail" loading="eager" onerror=this".onerror=null; $('.responsive-img-srcset').remove();" onContextMenu="return false;" > project 1 with background image <img src="/assets/img/4.jpg" class="card-img-top" width="100%" height="auto" alt="project thumbnail" loading="eager" onerror=this".onerror=null; $('.responsive-img-srcset').remove();" onContextMenu="return false;" > project 7 with background image <img src="/assets/img/3.jpg" class="card-img-top" width="100%" height="auto" alt="project thumbnail" loading="eager" onerror=this".onerror=null; $('.responsive-img-srcset').remove();" onContextMenu="return false;" > project 2 a project with a background image and giscus comments <img src="/assets/img/9.jpg" class="card-img-top" width="100%" height="auto" alt="project thumbnail" loading="eager" onerror=this".onerror=null; $('.responsive-img-srcset').remove();" onContextMenu="return false;" > project 8 an other project with a background image and giscus comments <img src="/assets/img/7.jpg" class="card-img-top" width="100%" height="auto" alt="project thumbnail" loading="eager" onerror=this".onerror=null; $('.responsive-img-srcset').remove();" onContextMenu="return false;" > project 3 with very long name a project that redirects to another website fun project 4 another without an image <img src="/assets/img/1.jpg" class="card-img-top" width="100%" height="auto" alt="project thumbnail" loading="eager" onerror=this".onerror=null; $('.responsive-img-srcset').remove();" onContextMenu="return false;" > project 5 a project with a background image project 6 a project with no image <img src="/assets/img/6.jpg" class="card-img-top" width="100%" height="auto" alt="project thumbnail" loading="eager" onerror=this".onerror=null; $('.responsive-img-srcset').remove();" onContextMenu="return false;" > project 9 another project with an image 🎉