.yer__showcase {
    padding-top: 0px;
    padding-bottom: 0px;
    position: relative;
    width: 100%;
    justify-self: center;
    z-index: 20;
}

.yer__showcase .parallelogram {
    display: flex;
    width: 50%;
    max-width: 50%;
    height: 100%;
    position: relative;
}

.yer__showcase .parallelogram__side {
    position: absolute;
    right: 0;
    transform: translateX(99.75%);
    height: 100%;
    width: auto;
    display: flex;
}

.yer__showcase span.parallelogram__side.end svg {
    height: 100%;
    width: auto;
}

.yer__showcase .parallelogram__content {
    width: 100%;
    padding: 40px 80px 40px 0px;
    align-items: start;
    color: #fff;
    justify-content: center;
}

.yer__showcase container {
    display: flex;
    padding: 0px!important;
}

.yer__showcase-background-container {
    position: absolute;
    right: 0;
    top: 0;
    height: 100%;
    width: 50%;
    overflow: hidden;
}

img.yer__showcase-background {
    object-fit: cover;
    filter: brightness(0.95) blur(12px);
    -webkit-filter: brightness(0.95) blur(12px);
    transform: scale(1.075);
    width: 100%;
}

img.yer__showcase-cutout {
    height: calc(100% + 40px);
    object-fit: contain;
    position: absolute;
    right: 0;
    bottom: 0;
    width: 50%;
    z-index: 25;
    object-position: left;
}

.yer__showcase.blue a.button {
  background-color: #F26A5C;
}

.yer__showcase.orange a.button {
  background-color: #1E2752;
}

.yer__showcase.blue a.button:hover {
    background-color: #FFFFFF;
    color: #1E2752!important;
}

.yer__showcase.orange a.button:hover {
    color: #FFFFFF;
    background-color: #F26A5C!important;
}

.yer__showcase.orange a.button.secondary {
    background-color: #FFFFFF!important;
    color: #F26A5C!important;
}

.yer__showcase.orange a.button.secondary:hover {
    background-color: #F26A5C!important;
    color: #FFFFFF!important;
}

.yer__showcase.blue, .yer__showcase.blue .parallelogram__content {
    background-color: #1E2752;
}

.yer__showcase.blue .parallelogram__side {
  color: #1E2752;
}

.yer__showcase.orange, .yer__showcase.orange .parallelogram__content {
    background-color: #F26A5C;
}

.yer__showcase.orange .parallelogram__side {
  color: #F26A5C;
}

@media only screen and (max-width: 1080px) {
  .yer__showcase {
    padding-top: 40px;
    padding-bottom: 40px;
  }
  
.yer__showcase .parallelogram {
    width: 100%;
    max-width: 100%;
  }

.yer__showcase .parallelogram__side {
    display: none;
  }

.yer__showcase .parallelogram__content {
    background-color: rgba(0,0,0,0)!important;
    padding: 0px;
  }

.yer__showcase-background-container, img.yer__showcase-cutout {
  display: none;
  }