CSS_sass_homework_task2.scss

body {

            /*Making the pictures to be raranged horizontally*/
            label {
                display:inline-block;
            }

            img {
                width:12em;
            }

            /*This .hidden is the class of the images that will be shown zoomed*/

            img.hidden {
                position:absolute;
                width:40em;
                display:none;
            }

            /*We want the radio buttons to be hidden*/
            input {
                display:none;

                /*When we check the input the zoomed images will show up*/
                &:checked + img {
                    display:block;
                }
            }

}