JSFiddle - React, Tailwind, and code Playground

by 규연 황

HTML

<div class="box">
  
</div>
/* Vector */

position: absolute;
left: 6513px;
right: 8256px;
top: 716px;
bottom: 7543px;

background: url(4d88bfe6e5d97d3db37da66f9c7fe882.jpg);

CSS

.box {
  -webkit-mask-image: url("data:image/svg+xml,%3Csvg width='360' height='879' viewBox='0 0 360 879' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0 793.952V0H360V793.952C360 812.688 348.646 828.245 335 828.245H213C201.75 828.245 180 845.02 180 879C180 845.02 157.688 828.245 147 828.245H25C11.3538 828.245 0 812.688 0 793.952Z' fill='%23260945'/%3E%3C/svg%3E%0A");
  background-image: url();
}