1. 백그라운드 이미지를 중간으로 정렬하려면 어떻게 하나요? 수업에서 사용한 이미지와는 사이즈가 달라서 이전에 쓴 코드를 복붙해도 사진이 잘리더라구요.
2. 방명록 카드가 두개 박스로 안 나뉘고 한 박스 안에 다른 박스가 포함되어 나옵니다. div를 나눴다고 생각했는데, 안 나눠져 있더라구요. 어떻게 나누나요?
3. 수업에 쓴 폰트 코드 그대로 스타일 바로 밑에 썼는데 폰트가 안 바뀝니다. 왜 그런가요?

작성한 코드 및 에러 메세지

백그라운드 이미지 중간 정렬 코드

.mytitle {
  width: 1150px;
  height: 450px;

  background-image: linear-gradient(0deg, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.5)), url("https://img2.sbs.co.kr/img/sbs_cms/WE/2020/03/13/WE29358147_ori.png");
  background-position: cover;
  background-size: cover;

  color: white;

  display: flex;
  flex-direction: column;
  justify-content: center;

align-items: center;
}

카드 코드

<div class="card">
  <div class="card-body">
    <blockquote class="blockquote mb-0">
      <p>hannav</p>
      <footer class="blockquote-footer">사랑한다 </footer>
    </blockquote>

  </div>


<div class="card">
  <div class="card-body">
    <blockquote class="blockquote mb-0">
      <p>가나다라마바사</p>
      <footer class="blockquote-footer">건강해라</footer>
    </blockquote>

  </div>

폰트 이렇게 입력했는데 안 바뀝니다. 그냥 기본 고딕체로 나와요.

<style>

  * {
    font-family: 'Gowun Dodum', sans-serif;
  }