Align image in the center, inside a slider

1

hey you guys,

https://codepen.io/osher-zalman/pen/ewaOay

so i want the pictures to be smaller, right now they are too big.
if i try to make them smaleer, they are sticking to the left of the screen
and i cant align them to the middle.

so i would like to see some solutions, how can i make the pictures
be smaller but still good looking and in the center?
thanks!

Edit: i acctualy made it. i added

max-width: 950px;
    margin-left: auto;
  margin-right: auto;
  width: 50%

to .myslides

2

You’re first slide image has two extensions. I saw no pictures until I corrected it. When you say “too big” are you referring to the selected picture on top or the small ones underneath.

3

Thank you for the answer,

what do you mean by "You’re first slide image has two extensions. I saw no pictures until I corrected it. "

Can you explain to me like i am a 5 year old?

4

.jpg is a file extension. It has two. In something like codepen, sometimes an error creates more errors or breaks something that wouldn’t happen on a normal webpage. If you had many complaints of no images perhaps my comment might help.