/*!************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[0].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[0].use[2]!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[0].use[3]!./src/components/StaticImageTemplate/StaticImageTemplate.scss ***!
  \************************************************************************************************************************************************************************************************************************************************************************************/
.StaticImageTemplate {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
}
.StaticImageTemplate img {
  -o-object-fit: contain;
     object-fit: contain;
  max-width: 100%;
  height: 100%;
}
.StaticImageTemplate .bannerUrl320x50,
.StaticImageTemplate .bannerUrl320x480 {
  display: none;
}
.StaticImageTemplate .bannerUrl300x250 {
  display: block;
}
.StaticImageTemplate.only-one-image-available img {
  display: block !important;
}

@media screen and (min-aspect-ratio: 3/1) {
  .StaticImageTemplate .bannerUrl320x50 {
    display: block;
  }
  .StaticImageTemplate .bannerUrl300x250,
.StaticImageTemplate .bannerUrl320x480 {
    display: none;
  }
}
@media screen and (max-aspect-ratio: 16/19) {
  .StaticImageTemplate .bannerUrl320x480 {
    display: block;
  }
  .StaticImageTemplate .bannerUrl300x250,
.StaticImageTemplate .bannerUrl320x50 {
    display: none;
  }
}