title: Resolution and aspect ratio image sizes for bootstrap carousel
body: <p>I want my bootstrap carousel to take up the whole page of the user entering my site. However, with aspect ratios and resolution differences between monitors, I was wondering what is the best way to go about this?</p>
  
  <p>I think I should first choose images of relatively the same size to start off. This is what I have so far.</p>
  
  <p>css:</p>
  
  <pre><code>img {
      background-size: cover;
      background-position: center center;
      background-repeat:no-repeat;
      width: 100%;
      height: 100%;
      object-fit: cover;
  }
  </code></pre>
  
  <p>What if the images I am using have a super high resolution. Will this not fit on the user's page?</p>