.explore-container {
    /* width: 60%;
   display: none;
   grid-template-columns: repeat(3, 320px);
   grid-template-rows: repeat(6,320px);
   gap: 5px;
   margin-top: 20px; */
   display: grid;
    grid-template-columns: repeat(3, 1fr); /* Always 3 equal columns */
    grid-template-rows: repeat(6, 300px); /* Always 3 equal columns */
    gap: 5px;
    /* padding: 10px; */
    width: 100%;
    max-width: 977px;
    /* margin: auto; */
    margin-top: 40px;
    margin-left: 369px;

}

.explore-item {
    background-color: #ddd;
    position: relative;
    width: 100%;
    margin-bottom: 1px;
    /* break-inside: avoid; */
    /* border-radius: 10px; */
    /* z-index: 1; */
   
}
.explore-item::after{
    content: '';
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 1;
    display: none;
    background-color: rgba(0, 0, 0, 0.6);
}
.explore-item:hover::after{
    display: block;
}
.explore-item img {
    width: 100%;
    height: 100%; /* Fix stretching */
   
    object-fit: cover;
}
.explore-icons{
    display: none;
    position: absolute;
   top: 50%;
   left: 50%;
   transform: translate(-50%, -50%); 
   z-index: 2;
   
   
}
.explore-item:hover .explore-icons{
    display: flex;
}
.love{
    margin-right: 20px;
}
.short {
    grid-row: span 1;
}

.medium {
    grid-row: span 2;
}

.tall {
    grid-row: span 3;
}
.explore-item video {
    width: 100%;
    height: 100%;
    object-fit: cover; /* Ensures it fills the container properly */
    border-radius: 5px; /* Optional */
}