.about-quick-links-block {
  --section-height: 543px;
  --rightside-width: 300px;
  --section-hr-gap: 70px;
  --section-bg: var(--blue-3);
  --left-bg-gradient: var(--blue-light-gradient);
  --section-width: 100vw;
  --section-vr-padding: 50px;
  background: var(--section-bg);
  position: relative;
  height: var(--section-height);
  display: flex;
  align-items: center;
}

.about-quick-links-view {
  display: grid;
  grid-template-columns: 1fr var(--rightside-width);
  grid-gap: calc(var(--section-hr-gap)* 2);
  align-items: center;
}

.about-quick-links-block:after,
.about-quick-links-block:before {
  content: "";
  width: calc((var(--section-width) - var(--container-width))/2 + var(--container-width) - var(--rightside-width) - var(--section-hr-gap));
  position: absolute;
  left: 0;
  top: 0;
  height: 100%;
  background: url(/themes/custom/uneg/components/blocks/about-quick_links/about/img/about.jpeg) no-repeat center center transparent;
}

.about-quick-links-block:after {
  background: var(--left-bg-gradient);
}

@media screen and (max-width: 1200px) {
  .about-quick-links-block {
    --section-hr-gap: 50px;
  }

  .about-quick-links-block:after,
  .about-quick-links-block:before {
    --container-width: calc(100vw - 100px);
  }
}


@media screen and (max-width: 767px) {
  .about-quick-links-block {
    --section-hr-gap: 15px;
  }
}