.text-general {
  font-size: 1.1rem;
}

.section {
  padding: var(--size-6);
  /* margin-bottom: var(--size-8); */
  background: var(--color-bg);
  border-radius: var(--rounded-lg);
}
.section:not(:last-child) {
  /* margin-bottom: var(--size-12); */
}

.section h2,
.section h4,
.section .font-bold {
  margin-bottom: var(--size-2);
}

.section p {
  margin-bottom: var(--size-4);
}

.image-gallery {
  display: flex;
  flex-direction: row;
  gap: var(--size-4);
  margin-top: var(--size-2);
  margin-bottom: var(--size-6);
}

.image-gallery__hobby-item {
  /* flex: 1; */
  display: flex;
  align-items: center;
  /* justify-content: start; */
  position: relative;
}

.image-gallery__hobby-item img {
  max-height: 14rem; /* equivalent to h-56 */
  width: auto;
  max-width: 100%;
  object-fit: contain;
  display: block;
}

/* Video play button overlay */
.image-gallery__hobby-item[data-src*="youtube.com"],
.image-gallery__hobby-item[data-src*="youtu.be"],
.image-gallery__hobby-item[data-video] {
  position: relative;
}

.image-gallery__hobby-item[data-src*="youtube.com"]::after,
.image-gallery__hobby-item[data-src*="youtu.be"]::after,
.image-gallery__hobby-item[data-video]::after {
  content: "▶";
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  background: rgba(0, 0, 0, 0.3);
  color: white;
  width: 3rem;
  height: 3rem;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 1.2rem;
  font-weight: bold;
  z-index: 10;
  transition: all 0.2s ease;
}

.image-gallery__hobby-item[data-src*="youtube.com"]:hover::after,
.image-gallery__hobby-item[data-src*="youtu.be"]:hover::after,
.image-gallery__hobby-item[data-video]:hover::after {
  background: rgba(0, 0, 0, 0.8);
  transform: translate(-50%, -50%) scale(1.1);
}