/* YouTuber Image Fix - Crop from bottom and show more of the top */
.youtuber-img {
  width: 100%;
  height: 100%;
  position: relative;
  overflow: hidden;
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: #000;
  aspect-ratio: 1/1;
}

.youtuber-img img {
  width: 100%;
  height: 120%; /* Make image taller than container to allow for more cropping from bottom */
  object-fit: cover;
  object-position: center 20%; /* Focus on upper part: 20% from the top */
  transform: scale(1.05); /* Slightly enlarge the image to avoid any tiny borders */
  margin-bottom: -20%; /* Crop from bottom */
}

/* Tablet styles */
@media (max-width: 768px) {
  .youtuber-img img {
    height: 130%;
    object-position: center 15%; /* Focus more on the top on tablets */
    transform: scale(1.1);
    margin-bottom: -30%;
  }
}

/* Mobile styles */
@media (max-width: 480px) {
  .youtuber-img img {
    height: 140%;
    object-position: center 10%; /* Focus even more on the top on mobile */
    transform: scale(1.15);
    margin-bottom: -40%;
  }
}