<!DOCTYPE html>
<meta charset="utf-8">
<title>Reference: Make sure the ImageLayer is sized correctly when using object-fit</title>

<style type="text/css">

.clip {
  display: inline-block;
  overflow: hidden;
}

img {
  will-change: transform;
  margin: -64px 0;
  display: block;
}

</style>

<span class="clip">
  <img src="repeatable-diagonal-gradient.png">
</span>