.page-caption-bg .image{
  width: 60%;
  height: 100%;
  background-position: center bottom;
  background-repeat: no-repeat;
  background-size: cover;
  opacity: 1;
  float: right;
}

.page-caption-bg{
  height: 400px;
  overflow: hidden;
  background: #681F1F;
  position: relative;
}

.page-caption-bg:after{
  content: '';
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;background: linear-gradient(281deg, rgba(104, 31, 31, 0.00) 5.19%, rgba(104, 31, 31, 0.56) 28.97%, rgba(104, 31, 31, 0.69) 33.08%, #681F1F 53.41%);
}

.page-caption-bg svg{
  position: absolute;
    right: 0;
    z-index: 10;
    bottom: 0;
}

@media screen and (max-width: 1024px) {


.page-caption-bg:after {
  width: 92%;
}
    .page-caption-bg svg {
      position: absolute;
      right: 0;
      z-index: 10;
      bottom: -23px;
      width: 160%;
  }
}

@media screen and (max-width: 820px){
  .page-caption-bg svg {
    bottom: -4vw;
}
}

@media screen and (max-width: 748px){
  .page-caption-bg svg {
    bottom: -49px;
    width: 100%;
}
.page-caption-bg:after {
  width: 100%;
}
.page-caption-bg .image{
  opacity: 0.5;
}
}

@media screen and (max-width: 703px){
  .page-caption-bg svg {
    bottom: -55px;
}
}

@media screen and (max-width: 588px){
  .page-caption-bg svg {
    bottom: -45px;
    width: 140%;
}
}


@media screen and (max-width: 588px){
  .page-caption-bg svg {
    bottom: -45px;
    width: 140%;
}
}

@media screen and (max-width: 540px){
  .page-caption-bg svg {
    bottom: -50px;
    width: 140%;
}
}


@media screen and (max-width: 430px){
  .page-caption-bg svg {
    bottom: -54px;
    width: 140%;
}

}


@media screen and (max-width: 393px){
  .page-caption-bg svg {
       bottom: -56px;
}
}

@media screen and (max-width: 375px){
  .page-caption-bg svg {
       bottom: -57px;
}
}

@media screen and (max-width: 320px){
  .page-caption-bg svg {
       bottom: -61px !important;
}
}