<div class="row justify-content-md-center">
  <div class="col-12 col-lg-8">
    <div class="card">
      <div class="card-body p-2">
          <div class="col-lg-8">
              <label class="label-input" for="npk">Title</label>
              <AppInputText @model={{ model }} @valuePath="title" @didValidate={{ didValidate }} />
          </div>
          <div class="col-lg-8">
              <label class="label-input" for="npk">Image</label>
              <div class="custom-file">
                <input type="file" class="custom-file-input" id="customFile">
                <label class="custom-file-label" for="customFile">Choose file</label>
              </div>
          </div>
          <div class="col-lg-8 mt-2">
            <button type="button" class="btn btn-success" {{ action "takePicture" }}>Take Picture</button>
          </div>
          <div class="col-lg-8 mt-2">
            <img class="card-img-top mb-3" id="pictureResult" src="" alt="Card image cap">
          </div>
          <div class="col-lg-8">
              <label class="label-input" for="npk">Content</label>
              <textarea class="form-control"></textarea>
          </div>
      </div>
    </div>
  </div>
</div>