.hero-dash.hero-dash--real {
  aspect-ratio: 16 / 10;
  overflow: hidden;
  padding: 0;
  border: 1px solid rgba(33, 154, 182, 0.28);
  border-radius: 16px;
  background: #f4f8fb;
  box-shadow: 0 24px 70px rgba(11, 44, 63, 0.2);
}

.hero-dash__real-shot {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: left top;
}

html[dir="rtl"] .hero-dash__real-shot {
  object-position: right top;
}

@media (max-width: 700px) {
  .hero-dash.hero-dash--real {
    border-radius: 10px;
    box-shadow: 0 14px 36px rgba(11, 44, 63, 0.16);
  }
}