🖼️ Object-Fit CSS Demonstration

object-none

Image keeps original size, may overflow container
object-none

object-fill

Image fills container, may distort aspect ratio
object-fill

object-contain

Image fits inside container while preserving aspect ratio
object-contain

object-cover

Image covers entire container while preserving aspect ratio
object-cover

📝 Object-fit Property Mapping

object-none: Godot's STRETCH_KEEP - Image keeps original dimensions

object-fill: Godot's STRETCH_SCALE - Image stretches to fill container

object-contain: Godot's STRETCH_KEEP_ASPECT - Image fits inside with preserved aspect ratio

object-cover: Godot's STRETCH_KEEP_ASPECT_COVERED - Image covers container with preserved aspect ratio