<svg class="w-full" width="100%" height="250" xmlns="http://www.w3.org/2000/svg">
<title>Placeholder</title>
<rect width="100%" height="100%" fill="#868e96"></rect><text x="40%" y="50%" fill="#dee2e6" dy=".3em">Responsive image</text>
</svg>
<svg class="p-1 border border-gray-300 rounded" width="200" height="200" xmlns="http://www.w3.org/2000/svg">
<title>A generic square placeholder image with a white border around it, making it resemble a
photograph taken with an old instant camera</title>
<rect width="100%" height="100%" fill="#868e96"></rect><text x="33%" y="50%" fill="#dee2e6" dy=".3em">200x200</text>
</svg>