How to crop so the border property?

Question

css

car painting png

Answer 1

<style>
    .banner-top, .banner-bottom{
        border: 2px solid red;
        border-radius: 30px;
    }
    .banner-top{
        border-bottom: none;
    }
    .banner-bottom{
        border-top: none;
    }

    .banner-center{
        margin: 0 -30px;
    }
</style>

<div class="banner">
    <div class="banner-top">
        CONTENT TOP
    </div>
    <div class="banner-center">
        <img src="..." alt="">
    </div>
    <div class="banner-bottom">
        CONTENT BOTTOM
    </div>
</div>

Answer 2

Overlay image over block

Answer 3

IMHO - no way. as an option, divide the entire parent block into 3 parts: 1. top (text), middle (picture) and bottom. on the lower and upper parts - give borders