@media (max-width: 600px) {
  # .chess-card:nth-of-type() {
    order: ;
  }  
}

{% if item.content_type == "text" %}
  # .chess-card:nth-of-type() .content-wrapper {
    align-items: ;
    justify-content: ;
  }
{% endif %}

{% if item.parallax_effect %}
  # .chess-card:nth-of-type() .cover {
    background-attachment: fixed; 
  }
{% endif %}

# {
  display: flex;
  flex-wrap: wrap;
  gap: 0px; /* You can increase to 20px if you want spacing */
}

/* Desktop: chessboard layout */
# .chess-card {
  flex: 1 1 50%; /* Two cards per row on desktop */
  box-sizing: border-box;
  height: ;
}

/* Tablet: stack cards vertically */
@media (min-width: 601px) and (max-width: 1024px) {
  # .chess-card {
    flex: 1 1 100%;
    flex-direction: column;
    padding: 20px;
    height: auto !important;
  }

  # .text-content {
    font-size: clamp(1rem, 2vw, 1.5rem);
  }
}

/* Mobile: stack + adjust height */
@media (max-width: 600px) {
  # .chess-card {
    flex: 1 1 100%;
    height: initial;
  }
}

/* Global text formatting */
# .text-content {
  font-size: clamp(1rem, 2vw, 2rem);
  max-width: 100%;
  word-break: break-word;
  overflow-wrap: break-word;
}