.default-image {
  display: flex;
  justify-content: center; /* center horizontally */
  padding: 40px 0; /* optional spacing */
}

.default-image img {
  width: 100vw; /* 80% of viewport width */
  height: auto;
  display: block;
}

@media (max-width: 1000px) {
  .default-image img {
    width: 120vw; /* 80% of viewport width */
    max-width: 120%; /* fallback for some browsers */
    height: auto;
    display: block;
  }
}

/* Default section: centered image */
.default-image {
  text-align: center;
}

/* Small screen layout hidden by default */
.small-screen-layout {
  display: none;
}

/* Top image container */
.top-image {
  width: 100%;
  text-align: center;
  overflow: hidden; /* ensures nothing overflows */
}

/* Image itself */
.top-image img {
  max-width: 80vw; /* maximum 80% of viewport width */
  width: 100%; /* fills parent container up to max-width */
  height: auto; /* maintain aspect ratio */
  display: block;
  margin: 0 auto; /* horizontally center */
  padding: 40px 0px;
}

/* Each row: flex layout */
.info-row {
  display: flex;
  align-items: center;
  margin-bottom: 20px;
  gap: 20px;
  padding: 0px 20px;
}

.row-img {
  flex: 0 0 20%;
}

.row-img img {
  width: 100%;
  height: auto;
  max-height: 70px;
  object-fit: contain;
}

.row-text {
  flex: 1;
}

.row-text h4 {
  margin: 0 0 5px;
  font-size: 18px;
}

.row-text p {
  margin: 0;
  font-size: 14px;
  line-height: 1.4;
}

/* Responsive switch */
@media (max-width: 600px) {
  .default-image {
    display: none;
  }

  .small-screen-layout {
    display: block;
  }
}