【WordPress】CSSでサムネイル画像をデフォルトで設定する方法【アーカイブページ】

<li class="post_wrapper">
  <a href="<?php the_permalink(); ?>" class="archive_li-a">

    <!-- サムネイル -->
    <div class="post-img-wrapper">
      <!-- デフォルトのサムネイル画像 -->
      <div class="post-img-wrapper02">
        <!-- 投稿画面で設定したサムネイル画像 -->
        <?php the_post_thumbnail('large'); ?>
      </div>
    </div>

  </a>
</li>

// サムネイル画像をラップするタグ
.post-img-wrapper {
  height: 200px;
  width: 100%;
  overflow: hidden;
}
// デフォルトのサムネイル画像
.post-img-wrapper02{
  background-image: url(../image/home-company.jpg);
  background-size:  cover;  
  width: 100%;
  height: 200px;
  transition: transform .6s ease;
}
// サムネイル画像
.wp-post-image {
  object-fit: cover;
  transition: all .6s ease;
}
// サムネイルのホバー時拡大アニメーション
@media (hover: hover) {
  .post_wrapper:hover .wp-post-image {
    transform: scale(1.1);
  }
  .post_wrapper:hover .post-img-wrapper02 {
    transform: scale(1.1);
  }
}