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!