#careersSectionOneImage {
  display: block;
  width: 100%;
  height: 275px;
  object-fit: cover;
  margin: auto;
}

#careersSectionTwoImage {
  display: block;

  width: 100%;
  max-width: 100%;
  height: 300px;

  object-fit: cover;
  border-radius: var(--border-radius-card);

  margin-left: auto;
  margin-right: auto;
}

#careersSectionThreeImage {
  display: block;
  width: auto;
  max-width: 100%;
  height: 235px;
  object-fit: cover;
}

.careers-item {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 1rem;
  border-radius: var(--border-radius-card);
  position: relative;
  padding: 0.8rem;
}

.careers-header {
  color: rgb(var(--grey-10-rgb));
  font-size: 21px;
  font-weight: 500;
  letter-spacing: normal;
}

.careers-item:before {
  pointer-events: none;
  content: "";
  position: absolute;
  inset: 0;
  padding: 2px;
  background: linear-gradient(
    rgb(var(--primary-80-rgb)),
    rgb(var(--primary-90-rgb))
  );
  border-radius: inherit;
  mask:
    conic-gradient(#000 0 0) content-box exclude,
    conic-gradient(#000 0 0);
}

h2.careers-header {
  font-size: 1.1rem;
  font-weight: 500;
}

@media (min-width: 768px) {
  h2.careers-header {
    font-size: 1.5rem;
  }

  #careersSectionTwoImage {
    height: 300px;
    max-width: none;
  }

  #careersSectionThreeImage {
    height: 290px;
  }
}

@media (min-width: 1200px) {
  #careersSectionTwoImage {
    height: 409px;
  }

  #careersSectionThreeImage {
    height: 485px;
  }
}

@media (min-width: 1400px) {
  #careersSectionOneImage {
    height: 445px;
  }

  #careersSectionThreeImage {
    height: 565px;
  }
}