:root {
    --renerath-color: linear-gradient(120deg, rgba(0, 145, 230, 1) 40%, rgba(73, 184, 129, 1) 100%);
}
.product-images .grid{
    display: flex;
    flex-wrap: wrap;
    flex-direction: row;
    justify-content: center;
}
.product-images .grid__col {
    width: 120px !important;
    border: 2px solid #eee;
}
.product-images .media>a:active *, .media>a:focus *, .media>a:hover * {
    -webkit-transform: scale(1);
    transform: scale(1);
}

h2.hdg-l2-11 {
    background: var(--renerath-color);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    display: inline-block;
    position: relative;
    padding-bottom: 30px;
    font-size: 3.4rem;
}

@media only screen and (min-width: 768px) {
    
.case__outer {
    position: relative;
    overflow: hidden;
    width: 615px;
    height: 416px;
    display: flex;
    justify-content: center;
    align-items: center;
}
.case__inner > img {
    -webkit-transform: scale(1.4);
    transform: scale(1.4);
}
.case-img__left .case__outer {
    -webkit-transform: skewX(-30deg);
    transform: skewX(-30deg);
    right: 150px;
}
.case-img__left .case__inner {
    -webkit-transform: skewX(30deg);
    transform: skewX(30deg);
}
.case-img__right .case__outer {
    -webkit-transform: skewX(30deg);
    transform: skewX(30deg);
    left: 104px;
}
.case-img__right .case__inner {
    -webkit-transform: skewX(-30deg);
    transform: skewX(-30deg);
}

}