<div class="image">
  <img src="https://picsum.photos/500" width="200" alt="Sea View">
  <div class="layer">
    <div class="layer2"></div>
  </div>
</div>

.image {
  position: relative;
  display: inline-table;
  overflow: hidden;
}
.layer {
  width: 150px;
  height: 150px;
  overflow: hidden;
  position: absolute;
  top: 10px;
  left: 10px;
}
.layer2 {
  width: 150px;
  height: 150px;
  box-shadow: 0 0 0 150px red;
  border-radius: 50%;
}