I need the image in my image tabs smaller for desktop version

[LakeBaez]

I need the image in my image tabs smaller for desktop version. You can see in the image it takes up the whole page on desktop which makes it hard to see. There is an image tab on my home page and my product page that I would like to be smaller on desktop version only. My theme is Berlin and my URL is lakebaez.com.

 

[AfterDarkGrafx]

@LakeBaez that theme requires you make several css edits. 

1) is to the img

2) is to the container (and remove the grey background)

3) fix the line to the left of the image

if you just reduce the image size, the grey background will punch through and be left over.

are you trying to make the image 50% smaller?   80% smaller?

[LakeBaez]

50% smaller to start I would say I want it.

[AfterDarkGrafx]

@LakeBaez like this

if so, it moves the elements to the left

add this to the bottom of your CSS

@media screen and (min-width: 990px) {

.image-tabs .image-tabs__wrraper {

     height: 500px; 

}

.image-tabs .image-tabs__img img {

width:50%;

height:50%;

background: #fff;

}

.image-tabs .image-tabs__wrraper:before {

    height: 411px;

}

}

Once you add the css, wait a few minutes then refresh and you will see the changes.  Mobile will remain as the original.