/* 图片水印样式 */
.image-container {
  position: relative;
}

/* 添加在线状态指示点 */
.image-container::before {
  content: '';
  position: absolute;
  top: 10px;
  left: 10px;
  width: 20px;
  height: 20px;
  background-color: #2ecc71; /* 使用一个清新的绿色 */
  border-radius: 50%; /* 创建圆形 */
  z-index: 2;
}

/* 添加水印到图片区域 */
.image-container::after {
  content: '';
  position: absolute;
  bottom: calc(55%);
  right: 15px;
  width: 50px;
  height: 50px;
  background-image: url('../../../dependency-library/images/logo/logo.svg');
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
  opacity: 1;
  pointer-events: none;
  z-index: 2;
}

@media screen and (min-width: 1024px) {
  .image-container::after {
    bottom: calc(45%);
  }
}