custom_component/frontend/style.css

/* style.css */

.image-container {
  position: relative;  /* Allows for absolute positioning of buttons */
  display: inline-block;
}

.copy-image {
  width: 100%;  /* Ensures the image scales properly */
  height: auto;  /* Maintains aspect ratio */
  display: block;  /* Prevents any inline space issues */
}

.st-copy-to-clipboard-btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  font-weight: 400;
  border-radius: 0.5rem;
  margin: 0;
  line-height: 1.6;
  color: inherit;
  user-select: none;
  background-color: rgba(255, 75, 75, 0.2);
  border: transparent;
  cursor: copy;
  position: absolute;  /* Absolute position for placement over the image */
}

.st-copy-to-clipboard-btn:hover {
  border-color: rgb(255, 75, 75);
  color: rgba(255, 75, 75, 0.5);
}

.st-copy-to-clipboard-btn:active {
  border-color: rgb(255, 75, 75);
  background-color: rgba(255, 75, 75, 0.5);
  color: rgb(255, 255, 255);
}