Quiero crear Stripes Border.

Quiero usar la etiqueta img o div para incluir la imagen debajo del borde rayado.

Así es como debe verse:

Ahora estoy intentando así con la imagen de borde como svg.

.feed-item:after {
  background: #0055b9;
  background: url(../images/studentslab_hover_stripe_bg.svg);
  background-repeat: no-repeat;
  background-size: 100% 100%;
  padding: 4vw 2.7vw 2vw 2vw;
  width: 104%;
  opacity: 0;
}

.feed-item:hover:after {
  opacity: 1;
  z-index: -1;
}

Pero en la capacidad de respuesta, a veces no se cubre por completo. porque mi imagen de fondo de rayas mide la altura y el ancho. Entonces quiero usarlo como un borde. ¿hay alguna manera