Imagem ampliando quando abro o site

Front-end
, ,
#1

Sou iniciante e estou criando um site, nele estou fazendo um slide, quando eu abro o link a imagem ficar grande eu não quero que isso aconteça, queria ela na imagem tamanho real.
Quando eu edito o “.slick-slide > height está em 100%, eu coloco auto e a imagem fica no tamanho exato” isso no inspector do chrome, quando eu coloco no meu editor de texto, ele altera e fica certo. Quando eu clico no menu ou nas setinhas do slide, ele volta ao normal, eu abro o inspector e ele continua “original” mesmo eu alterando no meu editor de código.
vai um exemplo logo abaixo:

Sem%20t%C3%ADtulo
Sem título.png730×507 492 KB

ela teria que ficar assim:
Sem%20t%C3%ADtulo1
Sem título1.png733×436 263 KB

#2

css quando comecei a editar esse slide:

button.slick-prev {
    font-size: 0px;
    border: none;
    width: 25px;
    height: 51px;
    z-index: 9;
    background-color: transparent;
    position: absolute;
    background-image: url('../img/anterior.png');
    top: 35%;
    left: 14px;
}
button.slick-next {
    font-size: 0px;
    border: none;
    width: 25px;
    height: 51px;
    z-index: 9;
    background-color: transparent;
    position: absolute;
    background-image: url('../img/next.png');
    top: 35%;
    right: 14px;
}

.slider-principal {
width: 100%!important;
}
.slick-initialized {
overflow: hidden;
}
.slick-slide {
height: auto;
display: none;
}
.slick-dots li button {
font-size: 0px;
border: 5px solid #ca1919;
width: 26px;
background: transparent;
border-radius: 100%;
display: inline-block;
cursor: pointer;
}
.slick-dots {
margin: 0 auto;
width: 50%;
position: absolute;

}