Как спрятать картинки под главной?

Question

Как спрятать картинки под главной?

Sas As Ученик (95), на голосовании 1 год назад

Делаю галерею только на CSS/HTML. Как сделать так, чтобы отображалась только главная (выбранная картинка) сверху или та что по умолчанию?
HTML:

CSS:

 .gallery-container { 
    width: 300px;  
   
} 
 
.main-image img { 
    width: 100%; 
    height: auto; 
} 
  #main-img2, 
  #main-img3 { 
   overflow:hidden; 
  } 
 
.thumbnail-images { 
    display: flex; 
} 
 
.thumbnail-images a { 
    flex: 1; 
    text-align: center; 
    padding: 5px; 
    transition: opacity 0.3s; 
} 
 
.thumbnail-images a:hover { 
    opacity: 0.7; 
}

Answer 1

Попробуй добавить "position: absolute" картинке которую надо спрятать, потом используя свойство "z-index" помести картинку под главную

Answer 2

  
 
 
     
     
    Галерея изображений из интернета