How to improve the appearance of an image?

Question

Layout

Hello.
I want to insert an image on a background which is itself an image. I need to not only insert an image, but also "furnish" it (for example, a frame so that it is not just inserting an image), otherwise it will be very sad .. Maybe you know similar resources where there is a solution to this problem.
I would be very grateful for any help.

Answer 1

https://codepen.io/anon/pen/NoOLPO

Answer 2

If this is not bootstrap 4, then you will have to mess around with positioning ... And so, bootstrap has a feature, the img-overlay class.
You can look at its properties, I think it will suit you.

Answer 3

www.css3.info/preview/multiple-backgrounds
1st background - background (picture).
2nd, 3rd, 4th, 5th backgrounds - make the sides of the frame aligned to the sides.

Answer 4

You make a parent wrapper, insert an image into it through background-image, make a child block, also insert an image into it through background-image, then it depends on your imagination, you can position it as you like, frame, effects, animations, filters, texts, events, other blocks - whatever you want.