.timeline-badge {
  position: relative;
  width: 100px; /* adjust as needed */
  height: 100px; /* adjust as needed */
}

.timeline-badge-icon {
  width: 80%;
  height: 80%;
  position: relative;
  top: 10px;
  clip-path: circle();
  z-index: 1;
}

.timeline-img-roses {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 2;
  background-size: cover;
  background-image:url('../images/Roses_in_circle.png');
}