<code>
.priceCol > div:nth-of-type(1) {
position: relative;
grid-column: 1; grid-row: 1/3;
background: #993333;
text-align: center;
}
.priceCol > div:nth-of-type(1) > p {
transform: rotate(-90deg);
}
</code>
<div class="row">
<div class="col-md-6 left"></div>
<div class="col-md-6 right"></div>
</div>.left, .right {
position: relative;
}
.left:before {
content: '';
position: absolute;
background: url() transparent;
top: 0;
right: -40px;
}
.left:after {
content: '';
position: absolute;
background: url() transparent;
bottom: 0;
left: 50%;
}
.right:before {}
.right:after {}
.element {
// стили для блока
}
@media all and (min-width: 991px) {
.element:hover {
// стили для ховера при экране больше 991
}
}