:root {
  --bg: #0f172a;
}

/* Reset */
* {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}

html,
body {
  height: 100%;
  width: 100%;
  background-color: var(--bg);
}

/* Main container */
.dstreet {
  position: relative;
  width: 100%;
  height: 100vh;
  overflow: hidden;
}

/* Picture & Image fill full screen */
.dstreet picture,
.dstreet img {
  width: 100%;
  height: 100%;
  display: block;
  object-fit: cover;          /* fills entire screen, crops if needed */
  object-position: center;    /* centers the image */
}

/* Optional: Keep footer or overlays positioned correctly if added later */
.footer {
  position: absolute;
  bottom: 1rem;
  left: 0;
  width: 100%;
  text-align: center;
  color: white;
  font-size: 0.875rem;
}

/* ✅ Responsive handling (in case you later use mobile-specific image) */
@media (max-width: 768px) {
  .dstreet {
    height: 100dvh; /* use dynamic viewport height on mobile */
  }
}