.background-picker-wrapper {
    overflow-x: auto;
    white-space: nowrap;
    display: flex;
    overflow-x: auto;
    margin: 0 auto;
    width: 800px;
}
    /* For Chrome, Edge, and Safari */
    .background-picker-wrapper::-webkit-scrollbar {
        height: 30px; /* Adjust the height to make the scrollbar thicker */
    }

    .background-picker-wrapper::-webkit-scrollbar-thumb {
        scrollbar-color: black; /* thumb color | track color */
        border-radius: 10px; /* Add rounded corners to the scrollbar thumb */
        border: 4px solid #fff; /* Optional: Add a border to the scrollbar thumb */
    }

    .background-picker-wrapper::-webkit-scrollbar-track {
        scrollbar-color: black; /* thumb color | track color */
        scrollbar-width: unset; /* Options: auto, thin, none */
    }

/* For Firefox */
.background-picker-wrapper {
    scrollbar-width:unset; /* Options: auto, thin, none */
    scrollbar-color: black ; /* thumb color | track color */
}
.background-picker {
  display: inline-flex;
  gap: 60px;
}

.background-item {
  display: inline-block;
  cursor: pointer;
  border: 2px solid transparent;
  border-radius: 10px;
  transition: border 0.3s;
}

.background-item img {
  width: 200px;
  height: 400px;
  object-fit: cover;
  border-radius: 10px;
}

.selected-bg {
  border: 10px solid #093be1;
  border-radius: 15px;
}