div.scrollmenu {
    overflow: auto;
    white-space: nowrap;
    height: 48px;
    margin: 0px;
    padding-bottom: 0pc;
    background-color: #f8f9fa;
    text-align: center;
}
div.scrollmenu a {
    display: inline-block;
    color: #5c5555;
    text-align: center;
    padding-left: 12px;
    padding-right: 12px;
    padding-top: 5px;
    padding-bottom: 0px;
    text-decoration: none;
    font-weight: 600;
}
div.scrollmenu a.nav_cnbctv {
    background-color: #cd1f43;
    border-radius: 3px;
    color: white;
    padding: 3px 8px;
    margin: auto;
}
div.scrollmenu a.nav_cnbctv:before {
    content: " ";
    width: 7px;
    height: 7px;
    background-color: #fff;
    display: inline-block;
    border-radius: 50%;
    margin-right: 6px;
    animation: rec_tick 0.8s linear 0s infinite alternate;
    position: relative;
    bottom: 1px;
}

div.scrollmenu2 {
    overflow: auto;
    white-space: nowrap;
    height: 150px;
    margin: 5px;
    padding-bottom: 0pc;
    background-color: #f8f9fa;
    text-align: left;
    display: grid;
    place-items: center; 
}
div.scrollmenu2 a {
    display: inline-block;
    color: #5c5555;
    text-align: center;
    padding-left: 12px;
    padding-right: 12px;
    padding-top: 1px;
    padding-bottom: 0px;
    text-decoration: none;
    font-weight: 600;
    width: 310px;
}

div.scrollmenu2 a.nav_cnbctv {
    background-color: #cd1f43;
    border-radius: 3px;
    color: white;
    padding: 3px 8px;
    margin: auto;
}
div.scrollmenu2 a.nav_cnbctv:before {
    content: " ";
    width: 7px;
    height: 7px;
    background-color: #fff;
    display: inline-block;
    border-radius: 50%;
    margin-right: 6px;
    animation: rec_tick 0.8s linear 0s infinite alternate;
    position: relative;
    bottom: 1px;
}

div.scrollmenu2 a.nav_cnbctv2 {
    background-color: #204d7f;
    border-radius: 3px;
    color: white;
    padding: 3px 8px;
    margin: auto;
}
div.scrollmenu2 a.nav_cnbctv2:before {
    content: " ";
    width: 7px;
    height: 7px;
    background-color: #fff;
    display: inline-block;
    border-radius: 50%;
    margin-right: 6px;
    animation: rec_tick 0.8s linear 0s infinite alternate;
    position: relative;
    bottom: 1px;
}

div.scrollmenu2 a.nav_cnbctv3 {
    background-color: #0d612a;
    border-radius: 3px;
    color: white;
    padding: 3px 8px;
    margin: auto;
}
div.scrollmenu2 a.nav_cnbctv3:before {
    content: " ";
    width: 7px;
    height: 7px;
    background-color: #fff;
    display: inline-block;
    border-radius: 50%;
    margin-right: 6px;
    animation: rec_tick 0.8s linear 0s infinite alternate;
    position: relative;
    bottom: 1px;
}

@keyframes rec_tick {
    0% {
        opacity: 1;
    }

    100% {
        opacity: 0.2;
    }
}
.gif-container {
  display: flex;
  flex-wrap: wrap;
}

.gif-container a {
  flex: 1 0 50%; /* Two images per row */
  padding: 5px;
}

.gif-container img {
  max-width: 100%;
  height: auto;
}

/* Media query for mobile devices */
@media only screen and (max-width: 600px) {
  .gif-container a {
    flex: 1 0 100%; /* One image per row */
  }
}

div.scrollmenu2 a.nav_cnbctv5 {
    background-color: #cd1f43;
    border-radius: 3px;
    color: white;
    padding: 3px 8px;
    margin: auto;
}
div.scrollmenu2 a.nav_cnbctv5:before {
    content: " ";
    width: 7px;
    height: 7px;
    background-color: #fff;
    display: inline-block;
    border-radius: 50%;
    margin-right: 6px;
    animation: rec_tick 0.8s linear 0s infinite alternate;
    position: relative;
    bottom: 1px;
}