<!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>