.outer {
    background-color: transparent;
    margin-bottom: 30px;
}

.wrap {
    flex-wrap: wrap;
    width: 1230px;
    margin: 0 auto;
    background-color: tan;
    background: url("https://static.tumblr.com/8x9m588/C8ho55ylx/bg-wood2.png");
    background-size: cover;
    display: flex;
}


.wrapmobile {
    flex-wrap: wrap;
    width: 200px;
    margin: 0 auto;
    background-color: tan;
    background: url("https://static.tumblr.com/8x9m588/C8ho55ylx/bg-wood2.png");
    background-size: cover;
    display: flex;
}
.item {
    color: white;
    width: 200px;
    height: 220px;
    margin: 20px 2px 20px 2px;
    padding-bottom: 50px;
    position: relative;
}
.item img {
    height: 72%;
    box-shadow: 0px 8px 10px gray;
    width: auto;
    position: absolute;
    bottom: 20%;
    left: 50%;
    transform: translateX(-50%);
    max-height: 100%;
    max-width: 100%;
}

.item:nth-child(6n+1)::before {
    display: block;
    content: '';
    width: 614%;
    height: 100px;
    background: red;
    position: absolute;
    bottom: 0;
    background: url(http://dev.ameijer.nl/shelf/img/bg-shelf.png) repeat-x, url("https://static.tumblr.com/8x9m588/C8ho55ylx/bg-wood2.png");
}

.item1 {
    color: white;
    width: 180px;
    height: 220px;
    margin: 20px 22px 20px 22px;
    padding-bottom: 50px;
    position: relative;
}
.item1 img {
    height: 95%;
    box-shadow: 0px 5px 10px green;
    width: auto;
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    max-height: 100%;
    max-width: 100%;
}

.item1:nth-child(5n+1)::before {
    content: '';
    width: 660%;
    position: absolute;
    top: 100%;
    border-bottom: 6px solid darkred;
}