.imageBackgroundContainer {
  position: relative;
  padding: 30px 20px;
  margin: 40px 0;
  border-radius: var(--custom-border-radius);
  background: var(--ifm-background-color);
  border: 1px solid var(--ifm-color-emphasis-200);
  overflow: hidden;
}

.imageBackgroundPattern {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  opacity: 0.03;
  background-image:
    linear-gradient(45deg, var(--ifm-color-primary) 25%, transparent 25%),
    linear-gradient(-45deg, var(--ifm-color-primary) 25%, transparent 25%),
    linear-gradient(45deg, transparent 75%, var(--ifm-color-primary) 75%),
    linear-gradient(-45deg, transparent 75%, var(--ifm-color-primary) 75%);
  background-size: 20px 20px;
  background-position:
    0 0,
    0 10px,
    10px -10px,
    -10px 0px;
  z-index: -1;
}

.imageBackgroundContainer img {
  margin: 0 auto;
  display: block;
  max-width: 100%;
  border-radius: var(--custom-border-radius);
  transform: translateY(0);
  transition: transform 0.3s ease;
}

.imageBackgroundContainer img:hover {
  transform: translateY(-5px) scale(1.01);
}
