You could do that using an image editor, but CSS can often get the job done faster. Learn how to add a CSS reference to an image and you can stretch it horizontally to any width you like.

In a tutorial [Bramus] takes us through using the trigonometric functions in CSS. These are supported in all major browsers since Chrome 111, Firefox 108 and Safari 15.4.

Using CSS image replacement in a responsible way, where the image truthfully represents the content it's replacing, is safe to use.