.container-title {
    color: white;
    font-weight: 550;
    letter-spacing: 2.5px;

    width: fit-content;
    margin: 0 auto;
    position: absolute;
    /* top: 50%; */
    left: 50%;
    bottom: 10px;
    /* transform: translate(-50%, -50%); */
    transform: translateX(-50%); 
      -webkit-text-stroke: 1px black; /* Chrome, Safari, Edge */
  paint-order: stroke fill;  
  }

  .container-title > div :nth-child(even) {
    text-shadow: #000000 1.5px 0px 0px;
  }
.placenametitle{
  padding-left: 0.5em;
  bottom: 0;
  margin: 0;
  font-family: 'Montserrat', sans-serif !important;
  font-weight: 450;
}


  .container-item::before {
    content: attr(data-episode);
    /* NOT WORKING */
    font-family: var(--brand-font-alt);
    position: relative;
    font-size: 1rem;
    opacity: 0.65;
    position: absolute;
    left: 5px;
    bottom: 2px;
    color: white;
    display: inline;
    font-size: 12px;
    font-weight: 400;
    line-height: 17px;
    width: auto;
    z-index: 1;
  }
  .container-item::after {
    left: auto;
    right: 10px;
    transform: rotate(3deg);
  }
  .container-list{
    padding-top: 3px;
    justify-content: center;
    /* background-color: blue; */
  }
  /* START SMALL SCREEN */
@media (min-width: 226px) and (max-width: 668px) { 
  .where-to-go-container{
     transform: scale(0.7)
  }
  /* .container-list{
    background-color: red;
  } */
  .container-item::before {
    font-size: 8px;
    font-weight: 300;
  }
  .container-item {
    border-radius: 11px;
    margin: 2px;
    min-width: 100px;
    min-height: 100px;
    font-size: 14px;
    /* width: 90%; */
    /* transform: scale(0.55); */
    /* transform-origin: top center; */
    /* flex: 1;                        flex container still sizes normally */
    /* overflow: hidden; */
    /* font-size: 1rem;   smaller text */
    /* max-width: 6em;
    min-width: 4em;
    /* min-height: 4em; */
    /* max-height: 6em;  */
    /* font-size: clamp(0.8rem, 2vw, 1.2rem); */
  }
} 
/* END SMALL SCREEN */
  .container-item {
    /* font-size: calc(2.2vh + 1vw); */
    font-size: clamp(0.8rem, 1.8vw, 1rem);
    /* width: fit-content;
    min-width: 4rem; */
    /* 
     */
    /* min-height: 225px; */
    /* min-width: 150px; */
    /* height: auto; */
    max-width: 19rem;
    min-height: 8rem ;
    min-width: 8rem ;
    flex-grow: 1;
    list-style: none;
    /* max-width: 100%; */
    padding: 15px;
    /* background-size: cover; */
    background-repeat: no-repeat;
    background-position: center;
    /* background-position: center; */
    background-size: cover;
    /* ANIMATIONs */
    /* -webkit-animation-name: slideIn;
        -webkit-animation-duration: 0.4s; */
    animation-name: slideIn;
    animation-duration: 1.4s;
    position: relative;
    /* ADDED HERE */
    /* --skew: -8deg;
        transform: skewY(var(--skew)); */
    /* background: #ff6eff36; */
    /* border: 1.4px solid rgb(255, 234, 172); */
    /* background: rgba(96, 96, 96, 0.499); */
    background-blend-mode: multiply;
    font-family: 'Montserrat', sans-serif !important; 
    
  }

  .container-item:hover {
    background-blend-mode: normal;
    /* background: rgba(84, 84, 84, 0);
    box-shadow: #9e9e9e 0 0 7px; */
    /* font-size: 1px; */

  } 
  .canvas-to-container-item {
    padding: 10px;
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    padding: 0;
    z-index: -1;
    border-radius: inherit;
  }