<style>
.bg {
    background-image: url('assets/img/planta.png');
    background-repeat: no-repeat;
    height: 277mm;
    width: 190mm;
    top: 0;
    bottom: 0;
    position: fixed;
}

.bloco {
    width: 80mm;
    height: 42mm;
    position: absolute;
}

.esquerda {
    top: 40mm;
    left: 0mm;
}

.direita {
    top: 40mm;
    right: 5mm;
}

.superior {
    top: 130mm;
    left: 0mm;
}

.inferior {
    top: 130mm;
    right: 5mm;
}

.frente {
    top: 220mm;
    left: 0mm;
}

.traseira {
    top: 220mm;
    right: 5mm;
}

h4, p {
    margin-bottom: 0;
    padding: 0;
}

h4 {
    text-align: center;
}

p {
    margin-top: 0;
    font-size: 12px;
    text-align: justify;
}

h2 {
    text-align: center;
    width: 100%;
    margin: 0;
    padding: 0;
    position: absolute;
}
</style>
<div class="bg">
    <h2>Croqui {{ @veiculo.marca }} {{ @veiculo.modelo }} - {{ @veiculo.placa }}</h2>
    <div class="bloco esquerda">
        <h4>Lateral esquerda</h4>
    </div>
    <div class="bloco direita">
        <h4>Lateral direita</h4>
    </div>
    <div class="bloco superior">
        <h4>Parte superior</h4>
    </div>
    <div class="bloco inferior">
        <h4>Parte inferior</h4>
    </div>
    <div class="bloco frente">
        <h4>Frente</h4>
    </div>
    <div class="bloco traseira">
        <h4>Traseira</h4>
    </div>
</div>