<!DOCTYPE html> <html><head> <style> .tile-wrapper{overflow:hidden;} .tile-wrapper img{position:relative;} .tile-33{width:300%;height:300%} </style> </head> <body> <table> <tr> <td><div><div class="tile-wrapper" style="width: 126px; height: 126px"><img class="tile-33" src="repeatable-diagonal-gradient.png" style="top:0%; left: 0%"></div></div></td> </tr> <tr> <td><div><div class="tile-wrapper" style="width: 126px; height: 126px"><img class="tile-33" src="repeatable-diagonal-gradient.png" style="top:-100%; left: 0%"></div></div></td> </tr> </table> </body> </html>