Different logo and size for transparent logo only

Hello,
I’m using a different logo for the transparent header on the home page than elsewhere on the site, so need that header area to be larger than the rest of the site. I added the following code, which is working (however, please feel free to tell me if this is sloppy/not the best way to do it)

/* Transparent logo on home page only */
.html_header_transparency #top .avia-builder-el-0 .container {
  padding-top: 120px;
}
.html_header_transparency #header_main > .container, 
.html_header_transparency #header_main > .container .main_menu ul:first-child > li > a, 
.html_header_transparency #header_main #menu-item-shop .cart_dropdown_link {
  height: 160px !important;
  line-height: 160px !important;
}
.html_header_transparency strong.logo {
  top: 20px;
  height: 165px;
  width: 374px;
margin-bottom: 20px;
}

The problem now is with the shrinking/sticky part. When it shrinks, I just need it to shrink to the size it does on the rest of the site. Can you help me with that, please?

Thanks!