Gallery Image Issues

[katiesottile]

When I go to my site: www.skyeandsage.com (password: rohlyu ) I have 3 gallery images side-by-side that are having issues displaying. They appear at first but then disappear. If they don't disappear, the header cuts halfway through the images. After reading about others who had similar challenges, I though the site just needed a padding at the top. I used these two codes below to affect desktop and mobile displays. They seemed to work at first but now the site is having issues again. I'm unsure what to do to fix this so that the 3 gallery images display properly on desktop and mobile and so that they are not cut off by the header. Any suggestions would be appreciated.

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

.template-index .main-content {

    padding-top: 165px;

}

}

@media only screen and (max-width: 450px) {

.template-index .main-content {

    padding-top: 100px;

}

}