.p-widget-symbol-o--alt1,
.p-widget-symbol-o--alt2 {
  --symbol-width: 9rem;

  position: absolute;
  z-index: 100;
  top: 30vh;
  right: calc( var(--symbol-width) / -1.7 );
  width: var(--symbol-width);
}

.p-widget-symbol-o--alt2 {
  top: auto;
  bottom: calc( var(--symbol-width) / -3.5 );
  right: auto;
  left: calc( var(--symbol-width) / -1.7 );
}

.p-widget-symbol-o__img {
  display: block;
  width: 100%;
}

@media (orientation: landscape) {
  .p-widget-symbol-o--alt1 {
    top: 55vh;
  }
}

@media (min-width: 1200px) {
  .p-widget-symbol-o--alt1,
  .p-widget-symbol-o--alt2 {
    --symbol-width: 35vw;
  }
}