// Example: Hide starting at `min-width: 0`, and then show at the `sm` breakpoint
.custom-class {
display: none;
}
@include media-breakpoint-up(sm) {
.custom-class {
display: block;
}
}
Ну у вас наоборот будет, сначала display block без запроса, потом none в запросе md.
Это не совсем то, тут уже пополз в scale весь блок, выходя за границы, и хотя эта проблема решается засовыванием во враппер, но тогда получается проблема с outline - при ховере рамка сдвигается к границам + во время анимации толщина рамки прыгает.
Хотелось бы достичь варианта, где рамка стоит на месте, а двигается только картинка.
Ну у вас наоборот будет, сначала display block без запроса, потом none в запросе md.