.image-scrollable {
  border-radius: 0 !important;
  width: initial !important;
}
.scrollable-x {
  border-radius: 0.8rem 0.8rem 0 0 !important;
  overflow-x: scroll;
}
.scrollable-x::-webkit-scrollbar {
  height: 1.6rem;
}
.scrollable-x::-webkit-scrollbar-thumb {
  background: var(--w3-theme-l1-background-color);
}
@media (hover:hover) {
.scrollable-x::-webkit-scrollbar-thumb:hover {
  background: var(--w3-theme-background-color);
}}
.scrollable-x::-webkit-scrollbar-track {
  background-color: var(--w3-theme-l2-background-color);
}
.scrollable-x::-webkit-scrollbar-thumb, .scrollable-x::-webkit-scrollbar-track {
  border-radius: 0 0 0.8rem 0.8rem;
}

/* Large devices (laptops/desktops, 992px and up) */
@media only screen and (min-width: 992px) {
.image-scrollable {
  border-radius: 0.8rem !important;
  width: 100% !important;
}
.scrollable-x::-webkit-scrollbar {
  height: 0;
}
}