.UniBoxColorset {
  position: relative;
  width: 100%;
  border-radius: 2rem;
  overflow: hidden;
}

.UniBoxColorset > img {
  width: 100%;
  z-index: 2;
  position: relative;
}

.UniBoxColorset .UniBoxContent {
  padding: 1rem;
}

.UniBoxColorset, .UniBoxColorset * {
  position: relative;
  z-index: 2;
}

.UniBoxColorset1 {
  border: 0.2rem solid var(--wp--preset--color--accent, black);
}

.UniBoxColorset1:before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: var(--wp--preset--color--accent, black);
  opacity: 0.1; /* Set the opacity */
  z-index: 1;
}

.UniBoxColorset2 {
  border: 0.2rem solid var(--wp--preset--color--accent-2, #2b4162);
}

.UniBoxColorset2:before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: var(--wp--preset--color--accent-2, #2b4162);
  opacity: 0.1; /* Set the opacity */
  z-index: 1;
}

.UniBoxColorset3 {
  border: 0.2rem solid var(--wp--preset--color--accent-3, #721817);
}

.UniBoxColorset3:before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: var(--wp--preset--color--accent-3, #721817);
  opacity: 0.1; /* Set the opacity */
  z-index: 1;
}

.UniBoxColorset4 {
  border: 0.2rem solid var(--wp--preset--color--accent-4, #0b6e4f );
}

.UniBoxColorset4:before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: var(--wp--preset--color--accent-4, #0b6e4f );
  opacity: 0.1; /* Set the opacity */
  z-index: 1;
}

.UniBoxColorset5 {
  border: 0.2rem solid var(--wp--preset--color--accent-5, #fa9f42);
}

.UniBoxColorset5:before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: var(--wp--preset--color--accent-5, #fa9f42);
  opacity: 0.1; /* Set the opacity */
  z-index: 1;
}