Как сделать водяным знаком? ⇐ Html

[Anonymous]

I'm using this css to add a watermark to my images on my site, the problem is that when it fits on a phone screen the watermark logo looks bigger almost taking up the whole thumbnail I would really appreciate your support

Код: Выделить всё

.watermarked {
position: relative;
}

.watermarked:after {
content: "";
display: block;
width: 100%;
height: 100%;
position: absolute;
top: 0px;
left: 0px;
background-image: url("https://i.imgur.com/5GQA67n.png");
background-size: 100px 100px;
background-position: 30px 30px;
background-repeat: no-repeat;
opacity: 0.7;
}< /code>

[img]https://i.imgur.com/xDlSplX.jpeg[/img]

Подробнее здесь: https://stackoverflow.com/questions/795 ... responsive