Как сделать разный размер у фотографий?

Question

[Anto]

Подскажите как можно сделать разный размер у фотографий. Есть две строки в первой 3 фотографии у них один размер я вывел и добавил :nth-child(2) каждой фото свой номер от 1 до 3. Но вторая строка не отображается как надо так е добавлял. Классу class="big-block-img-antfas" устанавливается нужный номер 4, а вложенному class="block-line-img-antfas" устанавливается 1 номер, задаются стили 1 фото

.big-block-img-antfas:nth-child(2){
            width: 33%;
			height: 100%;
			float: left;
    }
    .block-line-img-antfas:nth-child(2){
			position: relative;
			display: block;
			float: left;
			overflow: hidden;
			 /*margin-right: 40px;*/
			width: 468px;
			height: 213px;
    }

<div class="big-block-img-antfas">
	<a href="" class="block-line-img-antfas" style="background-image: url(/upload/iblock/ecf/ecf224d17053c612b60708b6f55819a2.png);" title="Машиностроение">
	<div class="block-img-text-antfas">Машиностроение</div>
 </a>
</div>

Answer 1

[Lumore]

?

.big-block-img-antfas:nth-child(2){
width: 33%;
height: 100%;
float: left;
}
.big-block-img-antfas:nth-child(2) .block-line-img-antfas {
position: relative;
display: block;
float: left;
overflow: hidden;
/*margin-right: 40px;*/
width: 468px;
height: 213px;
}

Comments

[Anto]

Спасибо!

Answer 2

[Артур Карапетян]

Код на codepen / jsfiddle