@media screen and (max-width: 480px){
  .cardsRow{
    width: 100vw !important;
    max-width: 100vw !important;

    position: relative !important;
    left: 50% !important;
    transform: translateX(-50%) !important;

    overflow-x: auto !important;
    overflow-y: hidden !important;
    -webkit-overflow-scrolling: touch;

    display: flex !important;
    flex-wrap: nowrap !important;

    /*gap: 16px !important;*/
    /*padding: 0 16px 12px !important;*/

    /*scroll-snap-type: x mandatory;*/
    /*scroll-padding-left: 16px;*/
    /*scroll-padding-right: 16px;*/

    scrollbar-width: none;
  }

  .cardsRow .tn-molecule::-webkit-scrollbar{ display:none; }

  /* Cards inside the row */
  .cardsRow > *{
    flex: 0 0 100% !important;
    scroll-snap-align: start;
  }
}