.ul-community-card-block-1 {
  background: url(../../../banner/community-1.jpg) no-repeat center center/cover;
  position: relative;
  z-index: 1;
  padding: clamp(25px, 2.1vw, 40px) clamp(15px, 8.41vw, 160px);
  color: var(--white);
  height: 100%;
}

.ul-community-card-block-2 {
  background: url(../../../banner/community-2.jpg) no-repeat center center/cover;
  position: relative;
  z-index: 1;
  padding: clamp(25px, 2.1vw, 40px) clamp(15px, 8.41vw, 160px);
  color: var(--white);
  height: 100%;
}

.ul-community-card-block-3 {
  background: url(../../../banner/community-3.jpg) no-repeat center center/cover;
  position: relative;
  z-index: 1;
  padding: clamp(25px, 2.1vw, 40px) clamp(15px, 8.41vw, 160px);
  color: var(--white);
  height: 100%;
}

@media screen and (max-width: 1199px) {
  .ul-community-card-block-1 .ul-community-card-block-2 .ul-community-card-block-3 {
    padding: clamp(25px, 2.1vw, 40px) clamp(15px, 3.41vw, 160px);
  }
}

.ul-community-block::before {
  content: "";
  position: absolute;
  inset: 0;
  background: rgba(255, 87, 40, 0.9);
  z-index: -1;
}