javascript – How can I make a picture match the width and peak of a div in HTML and CSS?

.right-section {
  place: relative;
  width: 60%;
  show: flex;
  flex-direction: column;
  justify-content: heart;
  align-items: heart;
  overflow: hidden;
  border: 2px strong inexperienced;
}
.right-section .dashboard-image {
  place: absolute;
  high: 0;
  left: 0;
  width: 100%;
  peak: 100%;
  object-fit: cowl;
  z-index: -1;
}

<div class="right-section">
  <img src="https://placehold.co/600" alt="Dashboard Picture" class="dashboard-image" />
  <div class="info-box">
    <h2>Buyer Administration</h2>
    <p>Handle all prospects from particular person prospects to company or group prospects.</p>
  </div>
</div>