overscroll-behavior
.two {
overscroll-behavior: none;
}
.my-button {
--bs-btn-color: ...;
--bs-btn-bg: ...;
--bs-btn-border-color: ...;
--bs-btn-hover-color: ...;
--bs-btn-hover-bg: ...;
--bs-btn-hover-border-color: ...;
--bs-btn-focus-shadow-rgb: ...;
--bs-btn-active-color: ...;
--bs-btn-active-bg: ...;
--bs-btn-active-border-color: ...;
--bs-btn-active-shadow: ...;
--bs-btn-disabled-color: ...;
--bs-btn-disabled-bg: ...;
--bs-btn-disabled-border-color: ...;
}
<button class="btn my-button">
</button>
div {
display: flex;
align-items: center;
}
но картинка меняется только при наведении на другую картинку
img.img11:hover