<div class="img_wrap">
  <img src="//dummyimage.com/240x400" alt="">
  <div class="img_controls">
    <button>&larr;</button>
    <button>&rarr;</button>
  </div>
</div>
.img_wrap{
  position: relative;
  display: inline-block;
  overflow: hidden;
  border-radius:10px
}

.img_controls{
  background: #fff;
  position: absolute;
  right: 0;
  bottom: 0;
  padding: 10px;
  background: #fff;
  border-radius: 10px 0 0 0;
  zi: 1px;
}

.img_wrap img{
  position: relative;
  display: block;
}

External CSS

This Pen doesn't use any external CSS resources.

External JavaScript

This Pen doesn't use any external JavaScript resources.