.resource-lib-post-hero-img-wrapper {
    -webkit-clip-path: polygon(10% 0%, 100% 0%, 100% 100%, 0% 100%);
    clip-path: polygon(10% 0%, 100% 0%, 100% 100%, 0% 100%);
    clip: polygon(10% 0%, 100% 0%, 100% 100%, 0% 100%);
}

.resource-lib-post-hero-img {
    -webkit-clip-path: polygon(12% 0%, 100% 0%, 100% 100%, 2% 100%);
    clip-path: polygon(12% 0%, 100% 0%, 100% 100%, 2% 100%);
    clip: polygon(12% 0%, 100% 0%, 100% 100%, 2% 100%);
}
@media (max-width: 767px) {
    .resource-lib-post-hero-img-wrapper {
        -webkit-clip-path: polygon(19% 0%, 100% 0%, 100% 100%, 11% 100%);
        clip-path: polygon(19% 0%, 100% 0%, 100% 100%, 11% 100%);
        clip: polygon(19% 0%, 100% 0%, 100% 100%, 11% 100%);
        height: 150px;
    }

    .resource-lib-post-hero-img {
        -webkit-clip-path: polygon(20% 0%, 100% 0%, 100% 100%, 12% 100%);
        clip-path: polygon(20% 0%, 100% 0%, 100% 100%, 12% 100%);
        clip: polygon(20% 0%, 100% 0%, 100% 100%, 12% 100%);
    }

}

input[id^='resource']:checked + label {
    font-weight: bold;
    box-shadow: 0px 1px 5px #00000080;
    background-color: #16252d;
    color: white;
}

.resource-lib-curve {
    height: 128px;
    width: 70px;
    position: relative;   
}

.resource-lib-number {
    width:40px;
    height:40px;
    background-color: #505c62; 
    color:white;
    z-index: 11;
}

.curve-left{
    position:absolute;
    top:50%;
    left: calc(50% - 60px);
}