Cut the image into four parts and assign them through CSS styles to the four corners of a text element which has extra three containers nested inside it. This will create a flexible box which can be resized to smaller sizes without distorting the image.
Create the four images only without creating the flexible box. This is normally used to create another set of images to replace the existing flexible box by overwriting the images used by the flexible box.
