<div class="image">
	<p>(・▽・)</p>
  	<img src="https://picsum.photos/400/300" draggable="false" />
	
</div>
.image {
  width: 300px;
  position: relative;
  margin: 20px auto;
}

.image img {
  display: block;
  width: 100%;
	positon:rerative;
}

.image:before {
  display: block;
  content: "";
  border-bottom: 20px solid #fff;
  border-right: 20px solid transparent;
  position: absolute;
  bottom: 0;
  left: 0;
  width: 130px;
}

.image:after {
  display: block;
  content: "";
  border-bottom: 20px solid #fff;
  border-left: 20px solid transparent;
  position: absolute;
  bottom: 0;
  right: 0;
  width: 130px;
}

p{
	position:absolute;
	color:#fff;
	padding:20px;
}

External CSS

This Pen doesn't use any external CSS resources.

External JavaScript

This Pen doesn't use any external JavaScript resources.