How to fit any size image in container?

1

I know kind of a generic title here, but I have a problem I never really came across.

The container of the image is:

.project {
	display: block;
	position: relative;
	overflow: hidden;
	max-width: 250px;
	height: 60vh;
}

And the image:

.project-image {
	height: 60vh;
}

Right now, it looks really nice with placeholder pictures from unsplash. But I want to take screenshots and have them fit appropriately within the containers. I’ve thought about storing the screenshots on cloudinary, and then edit all the screenshots to a width of 250px. Any help is super appreciated!

2

Seemed that min-width on the container and image did it.