Wondering how to dynamically position a small image on a web page based on a variable value? For instance, if the v_position variable is set at 50, you want the image to be centered horizontally. And if it's set at 100, the image should display at the far right of the page.
Below is the line of code where the image is inserted:
<img src="image.png" style="position: relative; left: {{ v_position% }};">
Although the page loads without any errors, the position of the image doesn't adjust according to different values of v_position. Any suggestions on how I can achieve the desired functionality? Thank you!