Есть код:
<body>
<?php
$a = $_GET['number1'];
$b = $_GET['number2'];
$c = $_GET['number3'];
?>
<div class="clearfix" id="page">
<div class="clearfix colelem">
<div class="clearfix colelem mask" id="u988" style="background-size: cover;background-position: center;background-image: url(<?php echo "$a"; ?>);"></div>
<div class="clearfix colelem" id="u97-4" style="margin-top: -560px;padding: 0px 57px 133px;">
<p style="font-family: Roboto Medium;color: #fff;width: 1088px;font-size: 56px;"><?php echo "$b"; ?></p>
</div>
<div class="clearfix colelem" id="pu100-4" style="margin-top: -240px;padding: 0px 57px 133px;"><!-- group -->
<div class="clearfix grpelem" id="u100-4"><!-- content -->
<p style="font-family: Roboto;font-weight: bold;color: #fff;"><?php echo "$c"; ?></p>
</div>
<div class="grpelem" id="u103"><!-- simple frame --></div>
</div>
</div>
<div class="verticalspacer" data-offset-top="650" data-content-above-spacer="650" data-content-below-spacer="62"></div>
<form method="get" action="">
<div class="form-row">
<div class="col">
<input name="number1" type="text" class="form-control" placeholder="Фон">
</div>
<div class="col">
<input name="number2" type="text" class="form-control" placeholder="Загаловок">
</div>
<div class="col">
<input name="number3" type="text" class="form-control" placeholder="Рубрика">
</div>
<input name="submit" type="submit" value="Сделать" class="btn btn-primary">
</div>
</form>
</div>
</body>
Как это сделать так что-бы эту область не нужно было вырезать ножницами, а сразу делать в картинку
