.license-wr {
    display: flex;
    background-color: #eee;
    background-repeat: no-repeat;
    background-image: linear-gradient(352deg, transparent 45.2%, #bbb 45.5%, #bbb 45.6%, #ccc 45.8%, #eee 60%), linear-gradient(30deg, #ccc, #eee 90%);
    background-size: 100% 320px;
    background-position: 50% 100%;  
    margin: 20px 0;
}    
.license {
    box-sizing: border-box;
    width: 100%;
    margin: 80px auto 0;
    min-height: 330px;
    position: relative;
}
@media (max-width: 767px) {
    .license {
        transform:scale(0.7);
        top: 6px;
    }
}
@media (max-width: 500px) {
    .license {
        transform:scale(0.4);
        top: 12px;
    }
}
.license > div {
    width: 150px;
    position: absolute;
    left: calc(50% + 100px);
    bottom: 73px;
    z-index: 0;
    display: flex;
    justify-content: flex-end;
}
.license > div:before {
    content: '';
    width: 100%;
    height: 100%;
    position: absolute;
    left: -100px;
    top: 14px;
    z-index: 1;
    background-repeat: no-repeat;
    background-image: linear-gradient(110deg, transparent 49%, rgba(0,0,0,0.1) 45%, rgba(0,0,0,0.2) 65%), linear-gradient(30deg, transparent 46%, rgba(0,0,0,0.1) 45%, rgba(0,0,0,0.25) 65%), radial-gradient(ellipse at 90% 100%, rgba(0,0,0,0.1) 10%, transparent 50%);
    transform: rotate(-8deg);
    pointer-events: none;
}
.license > div:after {
    content: '';
    width: 100%;
    height: 100%;
    position: absolute;
    transition: 0.3s;
    display: block;
    z-index: 3;
    background-image: linear-gradient(45deg, rgba(0,0,0,0.3), transparent 70%), linear-gradient(45deg, rgba(255,255,255,0) 60%, rgba(255,255,255,0.3) 80%);
    transform: perspective(200px) rotateY(1deg) rotateZ(-5deg) skewY(-2deg) skewX(-1deg) scaleX(var(--resize));
    pointer-events: none;
}
.license > div img {
    width: 100%;
    height: 100%;
    display: block;
    position: relative;
    z-index: 2;
    border-left: 2px solid;
    border-image: linear-gradient(105deg, transparent 0.5%, #bbb 0.7%) 1;
    box-shadow: 1px 2px 0 -1px #ccc;
    transform: perspective(200px) rotateY(1deg) rotateZ(-5deg) skewY(-2deg) skewX(-1deg) scaleX(var(--resize));
}
.license > div:nth-of-type(4) {
    --resize: 0.99;
    margin-left: -404px;
}
.license > div:nth-of-type(4):before {
    background-size: 100% 85%, 100% 15%, 100% 10%;
    background-position: 1px 0, 0 100%, -30px 83%;
}
.license > div:nth-of-type(3) {
    --resize: 0.96;
    margin-left: -153px;
    transform: scaleY(0.98) translate(-80px, -21px);
}
.license > div:nth-of-type(3):before {
    background-size: 100% 84%, 100% 16%, 100% 10%;
    background-position: 4px 0, 0 100%, -30px 81%;
}
.license > div:nth-of-type(2) {
    --resize: 0.925;
    margin-left: 100px;
    transform: scaleY(0.965) translate(-170px, -42px);
}
.license > div:nth-of-type(2):before {
    background-size: 100% 83%, 100% 17%, 100% 10%;
    background-position: 6px 0, 1px 100%, -30px 81%;
}
.license > div:nth-of-type(1) {
    --resize: 0.895;
    margin-left: 352px;
    transform: scaleY(0.94) translate(-266px, -62px);
}
.license > div:nth-of-type(1):before {
    background-size: 100% 82%, 100% 18%, 100% 10%;
    background-position: 8px 0, 1px 100%, -30px 80%;
}