The browser at full size:

The browser at the smallest width:

As you can see, the image extends the width of the background image. I’d like the image to just get smaller while staying centered.

The CSS I have now:

.poster{
	max-width: 100%;
    height: auto;
    width: auto; 
	background-image: url("Photos/yorkway.poster.jpg");
	padding: 2.5% 10% 2.5%;
	text-align: center
}

I appreciate any help!