RoadMap

<style> .galeria { border: 1px solid; border-radius: 10px; position: relative; width: 300px; height: 460px; margin: 0 auto; } .galeria input[type=radio] { position: relative; top: 430px; margin-left: 15px; } .galeria img { margin: 10px; border-radius: 10px; position: absolute; width: 90%; top: 0; left: 0; opacity: 0; transition: opacity 0.5s; } img{ height: 420px; } .galeria input:nth-of-type(1):checked~img:nth-of-type(1) { opacity: 1; } .galeria input:nth-of-type(2):checked~img:nth-of-type(2) { opacity: 1; } .galeria input:nth-of-type(3):checked~img:nth-of-type(3) { opacity: 1; } .galeria input:nth-of-type(4):checked~img:nth-of-type(4) { opacity: 1; } .galeria input:nth-of-type(5):checked~img:nth-of-type(5) { opacity: 1; } .galeria input:nth-of-type(6):checked~img:nth-of-type(6) { opacity: 1; } .galeria input:nth-of-type(7):checked~img:nth-of-type(7) { opacity: 1; } .galeria input:nth-of-type(8):checked~img:nth-of-type(8) { opacity: 1; } </style>