:root {
  /* border-radius sizes */
  --s-rounded-corners: 4px;
  --m-rounded-corners: 8px;
  --l-rounded-corners: 16px;
  --full-rounded-corners: 50%;
}

.rounded-corners,
.rounded-corners > .background img,
.rounded-corners-image .media-area,
.rounded-corners-image .foreground .image picture img {
  border-radius: var(--m-rounded-corners);
}

.s-rounded-corners,
.s-rounded-corners > .background img,
.s-rounded-corners-image .media-area,
.s-rounded-corners-image .foreground .image picture img {
  border-radius: var(--s-rounded-corners);
}

.m-rounded-corners,
.m-rounded-corners > .background img,
.m-rounded-corners-image .media-area,
.m-rounded-corners-image .foreground .image picture img {
  border-radius: var(--m-rounded-corners);
}

.l-rounded-corners,
.l-rounded-corners > .background img,
.l-rounded-corners-image .media-area,
.l-rounded-corners-image .foreground .image picture img {
  border-radius: var(--l-rounded-corners);
}

.full-rounded-corners-image .foreground .image picture img {
  border-radius: var(--full-rounded-corners);
}