Marime Canvas / BG Image

Salut, am atasat un “canvas” cu un grafic de o imagine care este facuta prin (background-image), vreau sa micsorez marimea canvas-ului incat sa nu fie asa mare cat imaginea, sa fie mai micut, si desigur sa fie pozitionat ca acum, pe centru.
Daca ii modific dimensiunea se modifica si imaginea de background, o idee…? Mersi fain.

<header id="img" class="masthead" style="border-radius: 20%;"><canvas id="myChart" width="30" height="10"></header>
.masthead {
  text-align: center;
  color: white;
  background-image: url("../img/pa1.jpg");
  background-repeat: no-repeat;
  background-attachment: scroll;
  background-position: center center;
  background-size: cover;
  background-attachment: fixed;
}

Dacă adaugi height: 100%; în .masthead iți va apărea imaginea în tot background-ul. Dar poate depinde și de context. Spor
Later edit: am înteles ce încerci să faci, mă mai gandesc.

Poate ajută:

#myChart {
    padding: 20px;
}