<section>
  <div class="box"></div>
  <div class="box star"></div>
</section>
* {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}
section {
  padding: 2vw;
  display: flex;
  gap: 2vw;
  flex-wrap: wrap;
  justify-content: center;
}
.box {
  width: 300px;
  height: 300px;
  background-image: url('https://fruntend.com/storage/photos/1/sunflowers.jpg');
  background-repeat: no-repeat;
}
.star {
  clip-path: polygon(50% 0%, 61% 35%, 98% 35%, 68% 57%, 79% 91%, 50% 70%, 21% 91%, 32% 57%, 2% 35%, 39% 35%);
}

External CSS

This Pen doesn't use any external CSS resources.

External JavaScript

This Pen doesn't use any external JavaScript resources.