background:
linear-gradient(to top left, #FFF 0, #FFF 50%, transparent 50.6%, transparent) bottom no-repeat/ 100% 200px,
url("http://namonitore.ru/uploads/catalog/other/kapelki_vodi_1600.jpg") no-repeat center center/cover;div {
position: relative;
width: 100px;
height: 50px;
border-width: 3px 3px 0 3px;
border-color: #f00 #f00 transparent #f00;
border-style: solid;
background: linear-gradient(to right, #f00 0, #f00 40px, transparent 41px, transparent 59px, #f00 60px, #f00 100%) no-repeat bottom center / 100% 3px;
}
div:after {
content: "";
position: absolute;
display: block;
bottom:-9px;
left: 41px;
width: 14px;
height: 14px;
transform: rotate(-45deg);
border-bottom: 3px solid #f00;
border-left: 3px solid #f00;
}display: flex;
justify-content: space-between;padding: 20px 10px; /*какой нужно*/
.item-photo:hover {
background: url("../images/items/mod/mod1.jpg");
}position: fixed;
right: 20px;
top: укажите сколько нужнобэкраунд на всю длину