/*!**********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./dependencies/sfra-webpack-builder/node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[0].use[1]!./dependencies/sfra-webpack-builder/node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[0].use[2]!./dependencies/sfra-webpack-builder/node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[0].use[3]!./cartridges/app_orchardbrands/cartridge/client/default/scss/experience/components/customAssets/orchardImage.scss ***!
  \**********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.image-component {
  display: inline-block;
  position: relative;
  width: 100%; }

.overlay::after {
  content: "";
  display: block;
  position: absolute;
  bottom: 0;
  left: 0;
  background-color: var(--overlay-color);
  width: 100%;
  height: 100%;
  opacity: var(--overlay-opacity); }

.category-tile-image-mobile {
  width: 100%; }


/*# sourceMappingURL=default\css\experience\components\customAssets\orchardImage.css.map*/