.pentagon-wrapper {
    position: absolute;
    z-index: 0;
}
.pentagon-conatiner {
    flex: 1 1;
    position: relative;
}
.pentagon {
    position: relative;
    width: 100%;
    height: 100%;
/*    background-color: rgb(12, 124, 193);*/
    background-color: #c1c1c1;
    clip-path: polygon(50% 0%, 100% 38%, 82% 100%, 18% 100%, 0% 38%);
    /*position: relative;*/ /* For pseudo-element positioning */
}
/*.pentagon::after {
    content: "";
    position: absolute;
    clip-path: polygon(50% 0%, 100% 38%, 82% 100%, 18% 100%, 0% 38%);
    inset: 2px;
    background-color: background-color: #aeaeae;
}*/
@media (max-width: 900px) {
    .pentagon::after,
    .pentagon {
        background: transparent;
    }
}
@media (max-width: 1000px ) {
    .pentagon-wrapper.folds {
        height: 0;
        display: none;
    }
    section .img-div {
        border-radius: unset;
    }
}
@media (max-width: 1100px) {
    .pentagon-wrapper.folds-1100 {
        height: 0;
        display: none;
    }
}
@media (max-width: 1350px) {
    .pentagon-wrapper.folds-1350 {
        height: 0;
        display: none;
    }
}