ts.length === 0) {
    projectContainer.innerHTML = `<p>No projects found in this category.</p>`;
    return;
  }

  filteredProjects.forEach((project) => {
    const projectElement = document.createElement("div");
    projectElement.classList.add("project", "reveal","active");
    projectElement.setAttribute("data-category", project.category);

    const projectContent = `
      <div>
          ${
        project.image
          ? `<img src="${project.image}" alt="${project.title}" ${project.gif ? `onmouse