.intesa {
  position: fixed;
  bottom: 0;
  left: 0;
  text-decoration: none;
  text-align: center;
  color: var(--accent-color);
  text-shadow: 0 0 3px var(--accent-color);
  text-decoration: none;
  border-radius: 8px;
  display: inline-block;
  padding: 10px;

  margin: 20px 20px;
}

.intesa > * {
  margin: 4px 0;
  font-size: 1.75vw;
  padding: 0;
}

.intesa img {
  box-shadow: 0 0 5px var(--accent-color);
  border-radius: 8px;
  width: 12vw;
}


@media (min-width: 320px) and (max-width: 912px) {
  .intesa {
    --value: (min(max(var(--scroll), 6), 6.1) - 6) / 0.1;
    position: fixed;
    bottom: 20px;
    left: calc(0px - 300px * var(--value));
    transition-duration: 0.4s;
  }

  .intesa > * {
    font-size: 20px;
  }

  .intesa img {
    width: 130px;
  }
}