JSFiddle - React, Tailwind, and code Playground

by jchen123

HTML

<!-- Pixlee photo gallery -->
    <center>

      <table border="0" cellpadding="0" cellspacing="0" style="margin: 0 auto"><tr><td width="550" align="center" border="0" style="margin: 0 auto; border: none">
        
        
          <table width="100%" border="0" cellpadding="0" cellspacing="0">
              <tr>
                
                
                  <td style="padding:5px; border: none;" width="50%" border="0">
                    <a class="rollover" summary="rollover" href="https://email.pixlee.com/redirect?api_key=IWu1s51e3d7QKpSYubMZ&photo_number=1&photo_size=square_medium&photo_count=6&cta_type=product&cta_link=http%3A%2F%2Fwww.pixlee.gallery%2Fpixleedotcom-labreaecommercewithtags&email_type=campaign&widgetType=photowall&filter_id=586986&esp_user_id=&esp_campaign_id=&toggle_category_filter=true" width="265" target="_blank">
                    <img border="0" src="https://email.pixlee.com/redirect?api_key=IWu1s51e3d7QKpSYubMZ&photo_number=1&photo_size=square_medium_cta&photo_count=6&email_type=campaign&widgetType=photowall&filter_id=586986&esp_user_id=&esp_campaign_id=" width="265" style="margin: 0;display:block;max-width:100%;"><div style="mso-hide:all;"> <img border="0" src="https://email.pixlee.com/redirect?api_key=IWu1s51e3d7QKpSYubMZ&photo_number=1&photo_size=square_medium_product_info&photo_count=6&email_type=campaign&widgetType=photowall&filter_id=586986&esp_user_id=&esp_campaign_id=" width="265"  style="margin: 0;display:block;max-width:100%;max-height:0px;"></div>
                    </a>
                  </td>
                  
                
                  <td style="padding:5px; border: none;" width="50%" border="0">
                    <a class="rollover" summary="rollover"...

CSS

.rollover:hover > img,
  * [summary=rollover]:hover > img{
    max-height: 0px !important;
  }  
  .rollover:hover > div img,
  * [summary=rollover]:hover > div img{
    max-height: none !important;
  }