.other-banner {
  position: relative;
  width: 100%;
  aspect-ratio: 4 / 0.7; /* forces 3:2 crop */
  overflow: hidden;
}

.other-banner img {
  width: 100%;
  height: 100%;
  object-fit: cover; /* crops image to fit */
  display: block;
}



.breadcrumb-container {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;

  background: rgba(4, 52, 100, 0.7); /* blue overlay */

  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;

  text-align: center;
  color: white;
}

.breadcrumb-container h2{
  color: white;
  margin: 0;
  font-size: 36px;
}

.breadcrumb-container p{
  font-size: 18px;
}


@media(max-width:350px){
    
.breadcrumb-container p{
  display:none;
}

}


.breadcrumb-container-span{
    color:var(--theme-color2);
}