.bg-gradient-red-blue {
  background: rgb(188, 16, 26) !important;
  background: linear-gradient(
    90deg,
    rgb(188, 16, 26) 0%,
    rgb(28, 66, 141) 100%
  ) !important;
}

.bg-gradient-blue-red {
  background: #5f0096 !important;
  background: linear-gradient(90deg, #5f0096, #bc101a) !important;
}

.bg-vertical-gradient-white-grey {
  background: rgba(0, 0, 0, 0.1) !important;
  background: linear-gradient(
    to bottom,
    white 0%,
    rgba(0, 0, 0, 0.1) 100%
  ) !important;
}

.bg-overlay-horizontal {
  position: relative;
  z-index: 0;
}
.bg-overlay-horizontal:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: linear-gradient(
    90deg,
    rgba(43, 46, 47, 0.6) 0%,
    rgba(43, 46, 47, 0.18) 100%
  );
  z-index: 1;
}
.bg-overlay-horizontal > * {
  z-index: 2;
  position: relative;
}

.image-overlay {
  position: relative;
}
.image-overlay:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: linear-gradient(
    0deg,
    rgba(43, 46, 47, 0.6) 0%,
    rgba(43, 46, 47, 0) 58.5%
  );
  z-index: 2;
}