/*!*********************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[0].use[2]!./src/views/box-image/box-image.scss ***!
  \*********************************************************************************************************************************************************/
.box-image__img picture {
  overflow: hidden;
}
.box-image__img picture.fixed-size {
  width: 100%;
}
@media (max-width: 767px) {
  .box-image__img picture.fixed-size {
    aspect-ratio: 1;
  }
}
@media (min-width: 768px) {
  .box-image__img picture.fixed-size {
    aspect-ratio: 128/59;
  }
}
.box-image__img picture.fixed-size img {
  width: 100%;
  height: 100%;
}
.box-image__img picture.width-fixed {
  width: 100%;
  height: auto;
}
.box-image__img picture.width-fixed img {
  width: 100%;
  height: auto;
}
.box-image__img picture.auto-size {
  max-width: 100%;
  width: auto;
  height: auto;
}
.box-image__img picture.auto-size img {
  max-width: 100%;
  width: auto;
  height: auto;
  margin: 0 auto;
}
.box-image__img picture img {
  object-fit: cover;
}
.box-image__btn {
  margin-top: clamp(2rem, 1.5rem + 2.5vw, 3.75rem);
}