.front-figure {
  float: left;
  width: calc(var(--figure-height) * 0.85);
  height: var(--figure-height);
  margin: 0.2rem 1rem 0.4rem 0.2rem;
  background-color: var(--text);
  -webkit-mask: var(--ripa-figures-studio, url(../img/ripa/figures/studio.svg)) center / contain no-repeat;
  mask: var(--ripa-figures-studio, url(../img/ripa/figures/studio.svg)) center / contain no-repeat;
}
@media (max-width: 760px) {
  .front-figure { float: none; margin: 0.6rem auto 0; height: calc(var(--figure-height) * 0.8); width: calc(var(--figure-height) * 0.68); }
}