.dynamiccategories-grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
  gap: 20px;
  width: 100%;
  margin: 30px 0;
  --custom-gutter: 1.5rem;
  padding-left: calc(var(--custom-gutter) * 1.5);
  padding-right: calc(var(--custom-gutter) * 1.5);
}

.dynamiccategories-header{
  align-content: center;
}

.dynamiccategory-item {
  position: relative;
  overflow: hidden;
  width: 100%;
  height: 260px;
  text-decoration: none;
  border-radius: 10px;
}

.dynamiccategory-bg {
  position: absolute;
  inset: 0;
  background-size: cover;
  background-position: center;
  transition: transform 0.4s ease;
  transform: scale(1.5);
  filter: brightness(0.8);
}

.dynamiccategory-title {
  position: absolute;
  z-index: 2;
  padding: 15px 22px;
  transition: transform 0.4s ease;
  text-align: center;
  font-weight: 600;
  font-size: 1.3rem!important;
/*----------------------------------*/
    /* width: 100%; */
    backdrop-filter: blur(6px);
    border-style: solid;
    border-color: white;
    border-width: 2px;
      backdrop-filter: brightness(0.8);

}

.dynamiccategory-item:hover .dynamiccategory-bg {
  transform: scale(1); /* zoom out 15% */
  filter: brightness(1);
}

.dynamiccategory-item:hover .dynamiccategory-title {
  transform: scale(1.15); /* zoom in 15% */
  backdrop-filter: brightness(0.8);
}

/* Text positions */
.dynamic-pos-center {
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.dynamic-pos-top-left {
  top: 15px;
  left: 15px;
}

.dynamic-pos-top-right {
  top: 15px;
  right: 15px;
}

.dynamic-pos-bottom-left {
  bottom: 15px;
  left: 15px;
}

.dynamic-pos-bottom-right {
  bottom: 15px;
  right: 15px;
}