@import url('https://fonts.googleapis.com/css2?family=Oswald:wght@200..700&display=swap');
html {
    overflow-x: clip;
    scroll-behavior: smooth;
}
body {
    overscroll-behavior-x: none;
    overflow-x: clip;
    background: #fff;
    font-family: 'Oswald', sans-serif;
    font-optical-sizing: auto;
    position: relative;
    background-image: url('bg.jpg');
    background-repeat: no-repeat;
    background-position: center top;
    background-size: cover; 
}
.text {
    font-weight: 400;
    font-size: 64px;
    line-height: 110%;
    text-transform: uppercase;
    color: #fff;
    display: flex;
    width: 100dvw;
    height: 100dvh;
    padding: 80px;
    align-items: flex-end;
    background: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.75) 150%);
}
.text b {
  font-weight: 600;
}
@media (max-width: 991.5px) {
  body {
      background-image: url('bg.jpg');
      background-position: center top;
  }
  .text {
    font-size: 32px;
    padding: 30px;
  }
}