/* Layout for side-by-side content */
.content-flex-container {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: flex-start;
  margin: 20px 0;
  gap: 20px;
}

.content-left {
  flex: 1;
  min-width: 0; /* Prevent overflow */
}

/* Custom styles for the 16-bit image */
.dog-image-container {
  flex: 0 0 auto;
  max-width: 300px; /* Adjust based on desired size */
  text-align: right;
}

.dog-image {
  max-width: 100%;
  height: auto;
  /* Apply styling to match website aesthetic */
  border-radius: 4px;
  /* Add Habbo Hotel style shadow effect */
  filter: drop-shadow(0 4px 0 #657C6A) drop-shadow(4px 2px 0 #657C6A);
  /* This maintains transparency while adding the shadow */
}

/* Adjust social links to fit in the left column */
.social-links-container {
  margin-top: 15px;
}

/* Responsive adjustments */
@media (max-width: 700px) {
  /* Stack vertically on smaller screens */
  .content-flex-container {
    flex-direction: column-reverse; /* Image first, then socials */
  }
  
  .dog-image-container {
    margin: 0 auto 20px auto;
    text-align: center;
    max-width: 250px;
  }
  
  .content-left {
    width: 100%;
  }
}