<div class="box"></div>
<style>
.box {
width: 320px;
height: 240px;
border: 5px solid #000;
box-shadow: 5px 5px #000;
background: linear-gradient(to bottom, transparent, red), url(https://picsum.photos/320/240) center / cover;
border-radius: 1em;
-webkit-clip-path: polygon(0 0, 100% 0, 100% 90%, 50% 100%, 0 90%);
clip-path: polygon(0 0, 100% 0, 100% 90%, 50% 100%, 0 90%);
}
</style>
я то думала почему не обрезали, а про префиксы забыла...