*,
html {
  overflow-x: hidden;
}

.ogs-hero {
  background-image: linear-gradient(
      to right bottom,
      rgba(28, 29, 28, 0.8),
      rgba(28, 29, 28, 0.8)
    ),
    url("/images/sites/xyz-ms-001.jpeg");
  height: 45vh;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
}

.ogs-sm-image {
  background-image: linear-gradient(
      to right bottom,
      rgba(28, 29, 28, 0.8),
      rgba(28, 29, 28, 0.8)
    ),
    url("/images/sites/xyz-ms-001.jpeg");
  height: 100%;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
}

.ogs-sm-image__title {
  color: #f8c12c;
  font-size: 2rem;
  font-weight: 700;
  margin-bottom: 1.2rem;
}

.ogs-view-img-01 {
  background-image: linear-gradient(
      to right bottom,
      rgba(248, 193, 42, 0.8),
      rgba(248, 193, 42, 0.8)
    ),
    url("/images/sites/xyz-ms-001.jpeg");
  height: 12rem;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
}

.ogs-view-img-02 {
  background-image: linear-gradient(
      to right bottom,
      rgba(248, 193, 42, 0.8),
      rgba(248, 193, 42, 0.8)
    ),
    url("/images/sites/xyz-ogs-002.jpeg");
  height: 12rem;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
}

.ogs-view-img-03 {
  background-image: linear-gradient(
      to right bottom,
      rgba(248, 193, 42, 0.8),
      rgba(248, 193, 42, 0.8)
    ),
    url("/images/sites/xyz-ogs-003.jpg");
  height: 12rem;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
}

.ogs-view-img-04 {
  background-image: linear-gradient(
      to right bottom,
      rgba(248, 193, 42, 0.8),
      rgba(248, 193, 42, 0.8)
    ),
    url("/images/sites/xyz-ogs-004.jpg");
  height: 12rem;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
}