Как наклонить только в refect-box

Question

Я хочу добавить перекос только к отражающей части div, а не ко всему div или тексту. ниже - стиль CSS для отражающей рамки, который я использую.

.reflect{
	-webkit-box-reflect: below -0.5em
		-webkit-gradient(
		linear,
        center top, center bottom,
		from(transparent),
		color-stop(0.3, transparent),
        to(white));
        
}

   <h1 class="main_header reflect"> CooK BooK </h1>