.rounded-corner {
  border-radius: 8px;
}

.side-by-side {
  align-items: stretch;
  display: flex;
  gap: 1rem;
  max-width: 100%;
  width: 100%;
}

.side-by-side > figure {
  flex: 1 1 0;
  margin: 0;
}

.side-by-side img,
.side-by-side object,
.side-by-side svg {
  width: 100%;
  height: auto;
  display: block;
  border-radius: 8px;
}

figure figcaption {
  text-align: center;
  padding: .5rem 0;
  font-size: .95rem;
}

.svg-grid {
  display: flex;
  flex-wrap: wrap;
  gap: 1rem;
  justify-content: center;
  margin: 0 auto;
  max-width: 1200px;
  width: 100%;
}

.svg-item {
  align-items: center;
  display: flex;
  flex-direction: column;
  flex: 1 1 calc(50% - 1rem);
  text-align: center;
}

.svg-item img {
  width: 100%;
  height: auto;
  display: block;
  border-radius: 8px;
}

.svg-item figcaption {
  margin-top: 0.5rem;
  font-size: 0.95rem;
}