<div class="wrapper">
  <img src="image.jpg" alt="пример">
</div>

<style>
  .wrapper {
    width: 300px;
    height: 200px;
    overflow: hidden;
  }

  img {
    width: 100%;
    height: 100%;
    object-fit: cover;
  }
</style>

<div class="box">
  Очень длинный текст, который выходит за пределы блока.
</div>

<style>
  .box {
    width: 200px;
    height: 60px;
    overflow: auto;
    border: 1px solid #ccc;
  }
</style>