HTML CSS
(real quick examples)
Add watermark at bottom of page <div id="watermark"> Copyright, do not copy. </div>
#watermark { Fix at bottom right of page position: fixed; bottom: 0; right: 0; Transparency opacity: 0.5; font-weight: 700; }
Wrap img in div <div class="watermark"> <img src="IMG.JPG"> </div>
Use ::after for watermark .watermark:after { content: "COPYRIGHT"; opacity: 0.5; font-weight: 700; position: absolute; bottom: 0; right: 0; }
REsize image & position <DIV> .watermark img { width: 100%; } .watermark { position: relative; }