firebase storage에 이미지를 업로드할때 오류

안녕하세요! firebase storage를 통해 이미지를 업로드 하려하는데 이게 일정 용량 (대략 800kb 이상?)이 넘어가면 storage에 이미지가 업로드가 안되는 현상이 발생합니다. 해당 용량 미만이면 잘 업로드 되는 데 이유를 모르겠습니다 ㅠㅠ 아래에 태그 첨부합니다.

HTML

<input
                  id="candidate-pic"
                  type="file"
                  name="candidate-pic"
                  value=""
                  placeholder="관련 이미지 및 파일"
                  accept="image/*"
                  required
            />

JS

const db = firebase.firestore();
const storage = firebase.storage();

$("#send-application").click(function () {
 
  var file = document.querySelector('#candidate-pic').files[0];
  var storageRef = storage.ref();
  var 저장할경로 = storageRef.child('image/' + file.name);
  var 업로드작업 = 저장할경로.put(file);

  var application = {
    성함: $("#candidate-name").val(),
    생년월일: $("#candidate-birthday").val(),
    졸업학교:  $("#candidate-school").val(),
    희망부문: $("#candidate-toggle span:first-child").text(),
    연락처:  $("#candidate-number").val(),
    자기소개: $("#candidate-detail").val(),
    날짜: new Date(+new Date() + 3240 * 10000)
      .toISOString()
      .replace("T", " ")
      .replace(/\..*/, ""),
     };

  if (
    $("#candidate-name").val() == "" ||
    $("#candidate-birthday").val() == "" ||
    $("#candidate-school").val() == "" ||
    $(".candidate-toggle-text").text() == "희망부문" ||
    $("#candidate-number").val() == "" ||
    $("#candidate-detail").val() == ""
  ) {
    $(".alert").alert();
    $(".alert").removeClass("hidden");
  }
 
});

Firestorage 내 규칙은 다음처럼 설정했습니다: 

감사합니다!