Though your fiddle seems to be using the same image twice, I think I've made the adjustments you need to get your answer. You had the the same styling applied to both images inside of the image-container... adding a couple classes resolved this (or you could use psuedo-selectors).
In the future, I'd recommend putting the code for your question directly into the question as it will help the community help you. If you can, maybe go back and put your original code into this question, it will help those who stumble on this question/answer in the future.
HTML:
<div>
<div class="image-container">
<img class="firstimg" src="http://lorempixel.com/1000/500">
<a class="social-image" href="https://www.instagram.com">
<img class="secondimg" src="http://lorempixel.com/1000/500">
</a>
</div>
</div>
CSS:
.image-container {
position: relative;
}
.image-container .firstimg {
width: 100%;
}
.social-image img {
position: absolute;
/* left: 3em; */
top: 70px;
width: 100%;
z-index:9999;
}
与恶龙缠斗过久,自身亦成为恶龙;凝视深渊过久,深渊将回以凝视…