Pride Snippet Code (FIX)

<div class="card p-2 border-0 row mx-auto rounded-0" style="background:#444444;">
     <!--Change 'background:#444444;' above to your preferred colour hexcode for a custom background bar.
     It is recommended not to use pure white or black, as several pride flags use these colours in their stripes (e.g. asexual, nonbinary, transgender) and may blend into your background.-->
     <div class="row mx-auto p-0">
         <!--For the hover text description, replace 'Flag Meaning' with your flag's meaning. For the flag itself, replace the LINK in 'background-image:url(LINK);'.
         'background-color:#000000;' is a visibility placeholder for unfilled flags and will not affect the flag's appearance and doesn't need to be touched. -->
         <!-- ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ -->

         <!--1--><div title="Flag Meaning" class="text-center m-1" style="border-radius:10px; display:inline-block; background-image:url(LINK); background-color:#000000; background-size: 100px 100%; width:75px; height:50px"></div>

         <!--2--><div title="Flag Meaning" class="text-center m-1" style="border-radius:10px; display:inline-block; background-image:url(URL); background-color:#000000; background-size: 100px 100%; width:75px; height:50px"></div>

         <!--3--><div title="Flag Meaning" class="text-center m-1" style="border-radius:10px; display:inline-block; background-image:url(URL); background-color:#000000; background-size: 100px 100%; width:75px; height:50px"></div>

         <!-- ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ -->
     </div>
     <sup class="text-center mt-3">hover over a flag for more information - - - code by @nightlustrous</sup>
</div>

<hr style="width:100%;">