.portraitSnapshot {
  width: 100%;
}

@media only screen and (device-width: 375px) and (device-height: 812px) and (-webkit-device-pixel-ratio: 3) and (orientation: landscape) {
  .take-snapshot-image {
    margin-left: 30px;
  }
}

take-snapshot {
  display: flex;
  align-items: center;
  justify-content: center;
}

#snapShotCanvas {
  display: none;
}

.take-snapshot-image {
  max-height: calc(calc(100 * var(--window-inner-height)) - 136px);
  max-width: 100%;
}