So if I understand z-index correctly, it would be perfect in this situation:
![enter image description here](https://lh3.googleusercontent.com/1y4Us6Ho8vAl9AHjWvx_ZebCgHl0GxNPpbCsYq5yaRzKLQEKbU-Qw0k_z5tA6021GaBnFC1YtsoP-E0lsrKut3cQOvNhXWLV1X5LEiO7VdOQoy57-oIfQyuB0C5ADeiJpo2M5gOb)
I want to place the bottom image (the tag/card) below the div above it. So you can't see the sharp edges. How do I do this? Have tried the following two alternatives:-
z-index:-1 // on the image tag/card
and,
z-index:100 // on the div above
Which doesn't work either. Neither does a combination of anything like this. How come?