body,.modal.metal {
  min-height: 100vh;
  background: url(/content/image/metal-texture-2.webp) center center no-repeat;
  background-size: cover;
  background-attachment: fixed;
}

.cutout {
  position: relative;
}

.cutout img {
  clip-path: polygon(0% 0%, 100% 0, 100% 85%, 50% 100%, 0 85%);  
}

.cutout:after {
  content: '';
  background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiIHN0YW5kYWxvbmU9Im5vIj8+CjxzdmcKICAgd2lkdGg9IjEwMHB4IgogICBoZWlnaHQ9IjE1cHgiCiAgIHZpZXdCb3g9IjAgMCAxMDBweCAxNXB4IgogICB2ZXJzaW9uPSIxLjEiCiAgIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIKICAgeG1sbnM6c3ZnPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CiAgICA8cGF0aAogICAgICAgc3R5bGU9ImZpbGw6bm9uZTtzdHJva2U6I2ZmZmZmZjtzdHJva2Utd2lkdGg6MTtzdHJva2UtbGluZWNhcDpidXR0O3N0cm9rZS1saW5lam9pbjptaXRlcjtzdHJva2UtZGFzaGFycmF5Om5vbmU7c3Ryb2tlLW9wYWNpdHk6MSIgZD0iTSAwLjE0MjQ5NTM1LDAuNTA5NjE4MTkgQyA0OS45OTk5ODEsMTQuNDUwMzY4IDQ5Ljk5OTk4MSwxNC40NTAzNjggNDkuOTk5OTgxLDE0LjQ1MDM2OCBMIDk5Ljg1NzQ2NywwLjUwOTYxODIzIiAvPiAgCjwvc3ZnPgo=); 
  background-size: 100% 100%;
  background-repeat: no-repeat;
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 15%;
  z-index: 1;  
}